@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";:root{--foreground:#fff;--text-secondary:#999;--text-muted:#666;--border:#262626;--bg-muted:#ffffff14;--bg-muted-hover:#ffffff24;--ring:var(--foreground)}*,:before,:after{box-sizing:border-box}body{color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d0d0d;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:28px;overflow-y:auto}button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline;transition:color .15s}a:hover{color:var(--text-secondary)}a:focus-visible,button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}@keyframes move-stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.stars,.stars2,.stars3{z-index:-1;width:100%;height:100%;display:block;position:absolute;inset:0}.stars{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2000 2000\"><circle cx=\"200\" cy=\"200\" r=\"1.5\" fill=\"white\"/><circle cx=\"500\" cy=\"800\" r=\"1\" fill=\"white\"/><circle cx=\"900\" cy=\"300\" r=\"1.2\" fill=\"white\"/><circle cx=\"1200\" cy=\"1100\" r=\"1.5\" fill=\"white\"/><circle cx=\"1500\" cy=\"600\" r=\"1\" fill=\"white\"/><circle cx=\"1800\" cy=\"1400\" r=\"1.2\" fill=\"white\"/><circle cx=\"300\" cy=\"1500\" r=\"1.5\" fill=\"white\"/><circle cx=\"800\" cy=\"1800\" r=\"1\" fill=\"white\"/><circle cx=\"1100\" cy=\"100\" r=\"1.2\" fill=\"white\"/><circle cx=\"1600\" cy=\"900\" r=\"1.5\" fill=\"white\"/><circle cx=\"1900\" cy=\"200\" r=\"1\" fill=\"white\"/><circle cx=\"100\" cy=\"1200\" r=\"1.2\" fill=\"white\"/></svg>");animation:150s linear infinite move-stars}.stars2{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2000 2000\"><circle cx=\"400\" cy=\"600\" r=\"1.5\" fill=\"white\"/><circle cx=\"700\" cy=\"1000\" r=\"1\" fill=\"white\"/><circle cx=\"1000\" cy=\"100\" r=\"1.2\" fill=\"white\"/><circle cx=\"1300\" cy=\"1300\" r=\"1.5\" fill=\"white\"/><circle cx=\"1600\" cy=\"400\" r=\"1\" fill=\"white\"/><circle cx=\"1900\" cy=\"1600\" r=\"1.2\" fill=\"white\"/><circle cx=\"150\" cy=\"1700\" r=\"1.5\" fill=\"white\"/><circle cx=\"600\" cy=\"1900\" r=\"1\" fill=\"white\"/><circle cx=\"1150\" cy=\"400\" r=\"1.2\" fill=\"white\"/><circle cx=\"1750\" ud=\"1100\" r=\"1.5\" fill=\"white\"/><circle cx=\"1950\" cy=\"500\" r=\"1\" fill=\"white\"/><circle cx=\"250\" cy=\"1400\" r=\"1.2\" fill=\"white\"/></svg>");animation:100s linear infinite move-stars}.stars3{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2000 2000\"><circle cx=\"333\" cy=\"555\" r=\"1.5\" fill=\"white\"/><circle cx=\"666\" cy=\"999\" r=\"1\" fill=\"white\"/><circle cx=\"999\" cy=\"222\" r=\"1.2\" fill=\"white\"/><circle cx=\"1333\" cy=\"1222\" r=\"1.5\" fill=\"white\"/><circle cx=\"1666\" cy=\"777\" r=\"1\" fill=\"white\"/><circle cx=\"1888\" cy=\"1555\" r=\"1.2\" fill=\"white\"/><circle cx=\"444\" cy=\"1666\" r=\"1.5\" fill=\"white\"/><circle cx=\"777\" cy=\"1888\" r=\"1\" fill=\"white\"/><circle cx=\"1111\" cy=\"333\" r=\"1.2\" fill=\"white\"/><circle cx=\"1555\" cy=\"1000\" r=\"1.5\" fill=\"white\"/><circle cx=\"1777\" cy=\"333\" r=\"1\" fill=\"white\"/><circle cx=\"222\" cy=\"1333\" r=\"1.2\" fill=\"white\"/></svg>");animation:75s linear infinite move-stars}#root{text-align:center;z-index:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.content-wrapper{text-align:left;z-index:1;width:100%;max-width:600px;margin:0 auto;padding:2rem 24px;position:relative}h1{letter-spacing:-.025em;color:var(--foreground);margin:0;font-size:17px;font-weight:500}h2{letter-spacing:-.025em;color:var(--foreground);margin:.5rem 0 2rem;font-size:17px;font-weight:500}h3{border-bottom:1px solid var(--border);color:var(--foreground);margin-bottom:1rem;padding-bottom:.5rem;font-size:15px;font-weight:500}p{color:var(--foreground);margin:0 0 1rem;font-size:16px;font-weight:400;line-height:28px}.job-title{text-align:left;letter-spacing:-.025em;color:var(--foreground);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:17px;font-weight:500;display:flex}.role-text{color:var(--foreground)}.role-link{color:var(--foreground);text-underline-offset:3px;text-decoration:underline;transition:color .15s}.role-link:hover{color:var(--text-secondary)}@media (width<=768px){.job-title{flex-flow:wrap;align-items:center;gap:.5rem}.previous-role{margin:0}}.divider{color:var(--foreground);opacity:.8;margin:0 .25rem}.bmc-icon{margin-left:.25rem}ul{margin:0;padding:0;list-style:none}ul li{margin:1rem 0 1.2rem}.nav-link{color:var(--foreground);text-underline-offset:3px;font-size:14px;font-weight:400;text-decoration:underline;transition:color .15s}.nav-link:hover{color:var(--text-secondary)}.back-link{color:var(--foreground);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:2rem;font-size:14px;font-weight:500;text-decoration-thickness:1px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.back-link:hover{color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground);transform:translate(-3px)}.back-arrow{transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-block}.back-link:hover .back-arrow{transform:translate(-2px)}.list-item{color:var(--text-secondary);margin-bottom:1.5rem;font-size:14px;font-weight:400;line-height:24px}.list-item strong{color:var(--foreground);font-size:14px;font-weight:500}.list-item p{color:var(--text-secondary);margin:.5rem 0 0;font-size:15px;font-weight:400;line-height:24px}.separator{color:var(--text-muted);margin:0 .5rem}.project-link{color:var(--foreground);text-underline-offset:3px;font-size:14px;font-weight:400;text-decoration:underline;transition:color .15s}.project-link:hover{color:var(--text-secondary)}.project-title-link{text-underline-offset:3px;color:var(--foreground);text-decoration:underline;transition:color .15s}.project-title-link strong{text-underline-offset:3px;text-decoration:underline}.project-title-link:hover{color:var(--text-secondary)}.experience-list{padding-left:0;list-style-type:none}.experience-item{align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.experience-details h4{color:var(--foreground);margin:0 0 .25rem;font-size:15px;font-weight:500}.experience-details p{color:var(--text-secondary);margin:0;font-size:15px;font-weight:400;line-height:24px}.experience-date{color:var(--text-secondary);margin-top:.25rem;font-size:14px;font-weight:400}.award-item{justify-content:space-between;align-items:center;display:flex}.certificate-link{color:var(--foreground);text-underline-offset:3px;white-space:nowrap;margin-left:1rem;font-size:14px;font-weight:400;text-decoration:underline;transition:color .15s}.certificate-link:hover{color:var(--text-secondary)}.eye-button{cursor:pointer;color:var(--foreground);background:0 0;border:none;margin-left:1rem;padding:0}.eye-button svg{fill:currentColor;transition:transform .2s ease-in-out}.eye-button:hover svg{transform:scale(1.2)}.modal-overlay{z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border);background-color:#1a1a1a;border-radius:8px;max-width:80vw;max-height:80vh;padding:20px;position:relative}.modal-close-button{color:var(--foreground);cursor:pointer;background:0 0;border:none;font-size:20px;font-weight:400;position:absolute;top:10px;right:15px}.modal-image{max-width:100%;max-height:calc(80vh - 60px);margin:auto;display:block}.company-logo{object-fit:contain;background-color:#0000;border-radius:8px;width:50px;height:50px;padding:2px;transition:transform .2s ease-in-out}.company-logo:hover{transform:scale(1.1)}.company-logo-placeholder{background-color:var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex}.contact-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.contact-header{flex-direction:column;align-items:center;width:100%;margin-bottom:1.5rem;display:flex}.contact-list{flex-direction:column;align-items:center;gap:1rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.contact-link{text-underline-offset:3px;color:var(--foreground);justify-content:center;align-items:center;gap:.75rem;padding:.5rem 0;font-size:14px;font-weight:400;text-decoration:underline;transition:color .15s;display:inline-flex}.contact-icon{width:20px;height:20px;color:var(--foreground);transition:color .15s,transform .2s ease-in-out}.contact-link:hover{color:var(--text-secondary)}.contact-link:hover .contact-icon{color:var(--text-secondary);transform:scale(1.1)}.mail-section-box{background-color:var(--bg-muted);border:1px solid var(--border);color:var(--foreground);border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:background-color .15s,border-color .15s;display:inline-flex}.mail-section-box:hover{background-color:var(--bg-muted-hover)}.mail-text{letter-spacing:-.01em;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.copy-btn{cursor:pointer;color:var(--foreground);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:4px;padding:4px;transition:color .15s,transform .15s;display:inline-flex}.copy-btn:hover{color:var(--text-secondary);transform:scale(1.1)}.copy-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.whatsapp-btn{background-color:var(--bg-muted);border:1px solid var(--border);color:var(--foreground);border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:400;text-decoration:none;transition:background-color .15s,transform .15s,border-color .15s;display:inline-flex}.whatsapp-btn:hover{background-color:var(--bg-muted-hover);color:var(--foreground);transform:translateY(-1px)}.contact-social-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:.5rem;display:flex}.header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;display:flex}.header-title{letter-spacing:-.025em;color:var(--foreground);margin:0;font-size:17px;font-weight:500;line-height:1.2}.header-socials{align-items:center;gap:16px;display:flex}.social-header-link{color:var(--text-secondary);align-items:center;font-size:14px;font-weight:400;text-decoration:none;transition:color .15s;display:inline-flex}.social-header-link:hover{color:var(--foreground)}.social-header-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.intro-block{flex-direction:column;gap:12px;display:flex}.intro-text{color:var(--text-secondary);margin:0;font-size:16px;font-weight:400;line-height:28px}.intro-link{color:var(--foreground);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);transition:text-decoration-color .15s,color .15s}.intro-link:hover{color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.intro-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.bg-image-mode{--foreground:#fff;--text-secondary:#fff;--text-muted:#fff;--border:#fff6;text-shadow:0 1px 2px #00000080}.bg-image-mode .intro-link{font-weight:500;text-decoration-color:#fff}.bg-image-mode .nav-link{text-decoration-color:#fff}.bg-image-mode .nav-link:hover,.bg-image-mode .social-header-link:hover{opacity:.8;color:#fff}.bg-image-mode .back-link{color:#fff;text-decoration-color:#fff9}.bg-image-mode .back-link:hover{color:#fff;text-decoration-color:#fff}.bg-image-mode .background-toggle-button{color:#fff;background-color:#0000004d;border:none}.bg-image-mode .background-toggle-button:hover{color:#fff;background-color:#00000073;border:none}.bg-image-mode .background-toggle-button:focus-visible{outline-offset:2px;outline:2px solid #fffc}.bg-image-mode .mail-section-box,.bg-image-mode .whatsapp-btn{color:#fff;background-color:#00000059;border-color:#ffffff4d}.bg-image-mode .mail-section-box:hover,.bg-image-mode .whatsapp-btn:hover{color:#fff;background-color:#00000080;border-color:#ffffff80}@media (width<=768px){.content-wrapper{padding:1.5rem 24px}.list-item{margin-bottom:2rem}.project-link{word-break:break-all}}.app-container{justify-content:center;align-items:center;width:100%;min-height:100vh;transition:background-image .5s ease-in-out;display:flex;position:relative}.space-bg{background-image:url(/landing-talk-art.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative}.space-bg:before{content:"";z-index:0;pointer-events:none;background-color:#0009;position:fixed;inset:0}.background-toggle-button{background-color:var(--bg-muted);width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;color:var(--text-secondary);cursor:pointer;z-index:1001;box-sizing:border-box;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:flex;position:fixed;top:20px;right:20px}.background-toggle-button:hover{background-color:var(--bg-muted-hover);color:var(--foreground)}.background-toggle-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
