*,*:before,*:after{box-sizing:border-box}:root{--nav-w: 60px;--nav-gap: 16px;--nav-h: 64px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%}#root{width:100%}body{margin:0;min-width:320px;min-height:100vh}img,svg,video,canvas,iframe{max-width:100%;height:auto;display:block}a{color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#e7e7e7;background-color:#000}button{background-color:#111}}:root{--nav-w: 60px;--nav-gap: 16px;--nav-h: 64px;--card-size: 80px;--fs-overline: clamp(1.2rem, 1rem + 1vw, 1.15rem);--lh-overline: 1.15;--fs-title: clamp(1.5rem, 1.5rem + 5.2vw, 3rem);--lh-title: 1.05;--fs-subtitle: clamp(.95rem, .8rem + 1vw, 1.2rem);--lh-subtitle: 1.3;--letters-gap: clamp(3px, 2vw, 3px)}@media (min-width: 480px){:root{--card-size: 120px;--fs-title: clamp(2.2rem, 1.1rem + 4.6vw, 3.1rem)}}@media (min-width: 900px){:root{--card-size: 140px;--fs-overline: clamp(1rem, .6rem + 1vw, 1.25rem);--lh-overline: 1.15;--fs-title: clamp(5rem, 1rem + 4vw, 3.2rem);--lh-title: 1.05;--fs-subtitle: clamp(1rem, .8rem + .6vw, 1.25rem);--lh-subtitle: 1.3;--letters-gap: clamp(1.5px, .3vw, 4px)}}body .tela-bem-vindo{position:relative;width:100%;min-height:100dvh;background:radial-gradient(circle at 45% 20%,#001f3f,#000);background-size:cover;display:flex;flex-direction:column;box-sizing:border-box;gap:12px;padding-left:16px;padding-right:16px;padding-top:calc(var(--nav-h, 64px) + 12px + env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));overscroll-behavior:none;overflow-x:hidden}@media (max-width: 768px){html,body{height:100%;overscroll-behavior-y:none}body .tela-bem-vindo{height:100dvh;overflow:clip}}@media (min-width: 900px){body .tela-bem-vindo{padding-left:calc(var(--nav-w, 60px) + var(--nav-gap, 16px));padding-right:16px;padding-top:48px;padding-bottom:max(16px,env(safe-area-inset-bottom))}}.home-content{width:min(1100px,100%);margin-inline:auto}.hero{min-block-size:80dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.5vh,22px);text-align:center}.tela-bem-vindo h1{font-size:var(--fs-overline);line-height:var(--lh-overline);color:#ccc;margin:0;text-align:center}.tela-bem-vindo p.intro-text{font-family:Inter,sans-serif;font-size:var(--fs-title);line-height:var(--lh-title);color:#0fc;margin:0;text-align:center;word-break:break-word}.tela-bem-vindo p.additional-text{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);color:#eee;max-width:min(680px,92%);margin:0 auto;text-align:center}.frase-animada{display:flex;gap:var(--letters-gap);flex-wrap:wrap;justify-content:center}.frase-animada span{opacity:0;color:#eee;text-shadow:0 0 5px #00ffcc;animation:aparecerLetra .4s ease-out forwards;will-change:opacity,transform,text-shadow;transform:translateY(2px)}@keyframes aparecerLetra{to{opacity:1;text-shadow:2px 2px 8px #00ffcc;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.frase-animada span{animation:none;opacity:1;transform:none}}body .tela-bem-vindo .icones-container{display:grid;gap:clamp(10px,2.2vh,18px);margin-top:clamp(8px,4vh,28px);width:100%;max-width:760px;margin-inline:auto;padding:0 12px;grid-template-columns:repeat(auto-fit,minmax(var(--card-size),var(--card-size)));justify-content:center}.social-icons-container{position:fixed;right:clamp(8px,3vw,24px);bottom:clamp(12px,3vw,24px);z-index:10;display:flex;gap:10px}.localization-container,.localizacao-container,.localization{position:fixed;left:clamp(8px,3vw,24px);bottom:clamp(12px,3vw,24px);z-index:10}.type{display:inline-block;white-space:nowrap;overflow:hidden;border-right:.08em solid currentColor;width:calc(var(--n, 24) * 1ch);animation:typing 1.8s steps(var(--n, 24)) .1s both,caret 1s steps(1) infinite}@keyframes typing{0%{width:0}to{width:calc(var(--n, 24) * 1ch)}}@keyframes caret{50%{border-color:transparent}}.fadein{opacity:0;animation:fade .6s 1.9s both}@keyframes fade{to{opacity:1}}.notranslate{unicode-bidi:isolate}@media (max-width: 768px){html.page-home-lock,body.page-home-lock{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto}body.page-home-lock{position:fixed;top:0;right:0;bottom:0;left:0;width:100%}body .tela-bem-vindo{height:100dvh;max-height:100dvh;overflow:clip}}:root{--nav-w: 60px;--nav-h: 64px}.nav{position:fixed;top:0;left:0;right:0;height:calc(var(--nav-h, 64px) + env(safe-area-inset-top));width:100%;background-color:#1f2937;display:flex;align-items:center;justify-content:center;padding:calc(8px + env(safe-area-inset-top)) 12px 8px 12px;border-radius:0 0 12px 12px;box-shadow:0 2px 10px #00000040;z-index:1000}.nav .container,.nav-container{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:center;margin:0;padding:0}.btn{color:#fff;font-size:22px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}@media (hover:hover) and (pointer:fine){.btn:hover{background-color:#374151;transform:scale(1.2)}}.btn.active{background-color:#2563eb}@media (min-width: 900px){.nav{top:50%;bottom:auto;left:0;right:auto;transform:translateY(-50%);width:var(--nav-w, 60px);height:auto;padding:20px 0;border-radius:0 10px 10px 0;box-shadow:2px 0 5px #0003}.nav .container,.nav-container{flex-direction:column;gap:32px}}.u-card{inline-size:var(--card-size);block-size:var(--card-size);border:0;background:#67e1ff;border-radius:12px;box-shadow:0 0 10px 5px #00000059;cursor:pointer;padding:0;position:relative;overflow:hidden;isolation:isolate;will-change:transform,box-shadow;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-radius .25s ease}@media (hover:hover) and (pointer:fine){.u-card:hover{transform:scale(1.03);border-radius:15px;background:#6797ff;box-shadow:0 0 14px 7px #00000073}}.u-card__inner{inline-size:100%;block-size:100%;display:grid;place-items:center;position:relative}.u-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;border-radius:inherit;padding:8px;transition:opacity .25s ease,transform .25s ease}.u-card__front{opacity:1;transform:rotate(0) scale(1)}.u-card__back{opacity:0;transform:rotate(90deg) scale(.96)}.u-card.is-flipped .u-card__front{opacity:0;transform:rotate(-90deg) scale(.98)}.u-card.is-flipped .u-card__back{opacity:1;transform:rotate(0) scale(1)}@media (hover:hover) and (pointer:fine){.u-card:hover .u-card__front{opacity:0;transform:rotate(-90deg) scale(.98)}.u-card:hover .u-card__back{opacity:1;transform:rotate(0) scale(1)}}.u-card__icon{font-size:clamp(20px,4vw,26px);display:grid;place-items:center}.u-card__frontLabel{margin-top:4px;font-weight:800;font-size:clamp(11px,2.2vw,13px)}.u-card__backText{font-weight:800;font-size:clamp(11px,2.2vw,13px)}html,body{height:100%;margin:0;background:#020c1b}:root{--bg: #020c1b;--bg2: #071525;--card: rgba(255,255,255,.04);--accent: #00f0ff;--accent2: #8a2be2;--text: #f0f4f8;--muted: #9bbbd0;--nav-h: 64px;--radius: 16px;--ease: .35s ease}.about-container{width:100%;min-height:100svh;background:var(--bg);font-family:Poppins,sans-serif;overflow-x:hidden;padding-top:calc(var(--nav-h) + 16px + env(safe-area-inset-top,0px))}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.hero-section,.who-section,.skills-section,.tech-section,.timeline-section,.cta-section{width:100%;max-width:1200px;margin:0 auto;padding:5rem 1.5rem;box-sizing:border-box}.hero-section{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;min-height:calc(100svh - var(--nav-h));padding-top:2rem;padding-bottom:2rem;position:relative}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 55% at 85% 15%,rgba(138,43,226,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 15% 85%,rgba(0,240,255,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-block;padding:.3rem .9rem;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--accent);background:#00f0ff14;border:1px solid rgba(0,240,255,.25);margin-bottom:1rem;text-transform:uppercase}.hero-text h1{font-family:Inter,sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:800;margin:0 0 .65rem;line-height:1;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#c8dff0 40%,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-underline{display:flex;flex-direction:column;gap:5px;margin-bottom:1.5rem;align-items:center}.hu-short,.hu-long{display:block;height:3px;border-radius:4px;transform-origin:left center;animation:growLine 1s ease forwards}.hu-short{background:var(--accent);width:3.5rem;animation-delay:.2s;opacity:0}.hu-long{background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);width:7rem;animation-duration:1.2s;animation-delay:.4s;opacity:0}@keyframes growLine{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.hero-text>p{font-size:clamp(1rem,2.5vw,1.15rem);color:#ffffff9e;margin:0 0 2rem;max-width:44ch;line-height:1.7}.scroll-btn{padding:.75rem 2rem;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#5b0dbf,#9b30ff);color:#fff;box-shadow:0 4px 20px #8a2be266,inset 0 1px #ffffff1a;transition:transform var(--ease),box-shadow var(--ease)}.scroll-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8a2be28c}.hero-image{position:relative;z-index:1;display:flex;justify-content:center}.hero-image-wrap{position:relative;border-radius:20px;display:inline-block}.hero-image-wrap:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(135deg,var(--accent2),var(--accent));opacity:.4;z-index:-1;filter:blur(10px)}.hero-image-wrap img{width:100%;max-width:400px;border-radius:20px;display:block;filter:grayscale(80%);transition:filter .5s ease;box-shadow:0 20px 60px #00000080;animation:heroSlide .9s ease forwards}.hero-image-wrap img:hover{filter:grayscale(0%)}@keyframes heroSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 820px){.hero-section{grid-template-columns:1fr 1fr;column-gap:clamp(3rem,6vw,7rem)}.hero-text{align-items:flex-start;text-align:left}.hero-underline{align-items:flex-start}.hero-image-wrap img{max-width:100%}}.who-section{display:grid;grid-template-columns:1fr;gap:3.5rem;align-items:start}.who-title{font-family:Inter,sans-serif;font-size:clamp(1.5rem,4vw,2rem);color:var(--text);margin:0 0 1.25rem}.photos-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.col-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;filter:grayscale(100%);transition:filter .4s ease,transform .3s ease;box-shadow:0 8px 24px #0006}.col-img:hover{filter:grayscale(0%);transform:scale(1.03)}.who-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.who-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem .85rem;display:flex;align-items:flex-start;gap:.65rem;transition:background var(--ease),border-color var(--ease),transform var(--ease)}.who-card:hover{background:#00f0ff0f;border-color:#00f0ff38;transform:translateY(-3px)}.wc-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.who-card strong{display:block;color:var(--text);font-size:.85rem;font-weight:600;line-height:1.3}.who-card p{color:var(--muted);font-size:.75rem;margin:.15rem 0 0;line-height:1.4}.who-right h2{font-family:Inter,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);color:var(--text);margin:0 0 1.25rem;font-weight:700}.who-right p{font-size:clamp(.95rem,2vw,1.05rem);color:#fff9;line-height:1.9;margin:0 0 1rem}.who-right p:last-child{margin-bottom:0}.who-right p strong{color:var(--text)}@media (min-width: 820px){.who-section{grid-template-columns:1fr 1fr;column-gap:clamp(2.5rem,5vw,5rem);align-items:start}}.skills-section{text-align:center}.section-header{margin-bottom:0}.section-header h2{font-family:Inter,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);color:var(--text);margin:0 0 .5rem;font-weight:700}.section-header p{font-size:clamp(.95rem,2vw,1.05rem);color:var(--muted);margin:0 0 2.5rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:760px;margin:0 auto}@media (min-width: 640px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.tech-section{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 820px){.tech-section{grid-template-columns:1fr 1fr;gap:5rem}}.tech-block h2{font-family:Inter,sans-serif;font-size:clamp(1.15rem,2.5vw,1.4rem);color:var(--text);font-weight:700;margin:0 0 1.25rem;padding-bottom:.75rem;position:relative}.tech-block h2:after{content:"";position:absolute;bottom:0;left:0;width:2.5rem;height:2px;border-radius:2px;background:var(--accent)}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag{padding:.28rem .75rem;border-radius:100px;font-size:.8rem;color:#c2d0de;background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);transition:background var(--ease),color var(--ease),border-color var(--ease);cursor:default}.tag:hover{background:#00f0ff1f;border-color:var(--accent);color:var(--text)}.timeline-section{display:grid;grid-template-columns:1fr;gap:3.5rem}@media (min-width: 820px){.timeline-section{grid-template-columns:1fr 1fr;gap:5rem}}.tl-title{font-family:Inter,sans-serif;font-size:clamp(1.15rem,2.5vw,1.4rem);color:var(--text);font-weight:700;margin:0 0 1.75rem;padding-bottom:.75rem;position:relative}.tl-title:after{content:"";position:absolute;bottom:0;left:0;width:2.5rem;height:2px;border-radius:2px;background:var(--accent2)}.tl-title--exp:after{background:var(--accent)}.timeline{position:relative;display:flex;flex-direction:column}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--accent2),rgba(138,43,226,.1));border-radius:2px}.tl-item{display:flex;gap:1.25rem;padding-bottom:2rem}.tl-item:last-child{padding-bottom:0}.tl-dot{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--accent2);box-shadow:0 0 10px #8a2be299;margin-top:2px;z-index:1}.tl-dot--exp{background:var(--accent);box-shadow:0 0 10px #00f0ff80}.tl-body h3{font-size:.95rem;font-weight:600;color:var(--text);margin:0 0 .2rem;line-height:1.45}.tl-period{display:block;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:.4rem;letter-spacing:.04em}.tl-body p{font-size:.85rem;color:#ffffff8c;margin:0;line-height:1.65}.quote-section{width:100%;min-height:50svh;display:flex;align-items:center;justify-content:center;padding:5rem 2rem;box-sizing:border-box;position:relative;overflow:hidden}.quote-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(0,240,255,.06) 0%,transparent 70%),#000814cc}.quote-inner{position:relative;z-index:1;text-align:center;max-width:800px}.quote-mark{display:block;font-size:9rem;line-height:.5;background:linear-gradient(135deg,var(--accent2),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Georgia,serif;margin-bottom:.75rem;opacity:.55}.quote-text{margin:0}.quote-text p{font-size:clamp(1.15rem,3vw,1.8rem);color:#ffffffe6;margin:0 0 .2rem;font-style:italic;line-height:1.6}.cta-section{min-height:55svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;text-align:center}.cta-section h2{font-family:Inter,sans-serif;font-size:clamp(1.8rem,5vw,3rem);color:var(--text);font-weight:800;margin:0;letter-spacing:-.02em}.cta-row{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%;max-width:640px}@media (min-width: 600px){.cta-row{grid-template-columns:1fr 1fr}}.cta-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:2rem 1.5rem;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color var(--ease),box-shadow var(--ease);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(0,240,255,.08),transparent 70%);opacity:0;transition:opacity .3s}.cta-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 12px 36px #00f0ff2e}.cta-card:hover:before{opacity:1}.cta-card a{text-decoration:none;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.65rem;position:relative;z-index:1}.cta-icon{font-size:2.2rem;transition:transform .3s}.cta-card:hover .cta-icon{transform:scale(1.2)}.cta-card h3{font-size:1.15rem;margin:0;font-weight:600;transition:color .3s}.cta-card:hover h3{color:var(--accent)}.cta-card p{font-size:.88rem;margin:0;color:#ffffff8c}.main-footer{width:100%;background:#01050efa;padding:3rem 1.5rem;text-align:center;box-sizing:border-box;position:relative}.main-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.35}.footer-inner{max-width:1200px;margin:0 auto 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-logo{width:68px;height:auto;animation:float 4s ease-in-out infinite;transition:transform .3s}.footer-logo:hover{transform:rotate(12deg) scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.footer-social{display:flex;gap:1rem}.social-link{width:40px;height:40px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{color:var(--accent);background:#00f0ff14;border-color:#00f0ff59;transform:translateY(-3px);box-shadow:0 6px 18px #00f0ff24}.footer-copy{color:#ffffff40;font-size:.75rem;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);max-width:1200px}.web-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.5rem 1rem;background:#38bdf80f;border:1px solid rgba(56,189,248,.18);border-radius:16px;font-family:Poppins,sans-serif;cursor:default;transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.web-icon-container:hover{background:#38bdf821;border-color:#38bdf880;transform:translateY(-5px);box-shadow:0 10px 28px #38bdf82e}.web-icon-container svg{font-size:2.8rem;color:#38bdf8;transition:transform .3s ease}.web-icon-container:hover svg{transform:scale(1.12)}.web-icon-label{font-size:.82rem;color:#fff;font-weight:500;text-align:center;font-family:Inter,sans-serif;line-height:1.3}.ia-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.5rem 1rem;background:#00f0ff0f;border:1px solid rgba(0,240,255,.18);border-radius:16px;font-family:Poppins,sans-serif;cursor:default;transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.ia-icon-container:hover{background:#00f0ff21;border-color:#00f0ff80;transform:translateY(-5px);box-shadow:0 10px 28px #00f0ff2e}.ia-icon-container svg{font-size:2.8rem;color:#00f0ff;transition:transform .3s ease}.ia-icon-container:hover svg{transform:scale(1.12)}.ia-icon-label{font-size:.82rem;color:#fff;font-weight:500;text-align:center;font-family:Inter,sans-serif;line-height:1.3}.data-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.5rem 1rem;background:#34d3990f;border:1px solid rgba(52,211,153,.18);border-radius:16px;font-family:Poppins,sans-serif;cursor:default;transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.data-icon-container:hover{background:#34d39921;border-color:#34d39980;transform:translateY(-5px);box-shadow:0 10px 28px #34d3992e}.data-icon-container svg{font-size:2.8rem;color:#34d399;transition:transform .3s ease}.data-icon-container:hover svg{transform:scale(1.12)}.data-icon-label{font-size:.82rem;color:#fff;font-weight:500;text-align:center;font-family:Inter,sans-serif;line-height:1.3}.aut-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.5rem 1rem;background:#8a2be214;border:1px solid rgba(138,43,226,.22);border-radius:16px;font-family:Poppins,sans-serif;cursor:default;transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.aut-icon-container:hover{background:#8a2be229;border-color:#8a2be28c;transform:translateY(-5px);box-shadow:0 10px 28px #8a2be238}.aut-icon-container svg{font-size:2.8rem;color:#a78bfa;transition:transform .3s ease}.aut-icon-container:hover svg{transform:scale(1.12)}.aut-icon-label{font-size:.82rem;color:#fff;font-weight:500;text-align:center;font-family:Inter,sans-serif;line-height:1.3}.projects-container{display:flex;flex-direction:row;align-items:flex-start;min-height:100svh;height:auto;background-color:#001f3f;font-family:Poppins,sans-serif;width:100%;max-width:100vw}.projects-left{position:sticky;top:125px;margin-left:150px;width:350px;height:auto;flex-shrink:0;background-color:#036;color:#fff;padding:20px;border-radius:8px;box-shadow:2px 2px 10px #0000004d}.profile-container{display:flex;flex-direction:column;align-items:center;gap:20px}.profile-photo{width:100%;aspect-ratio:3 / 3.5;object-fit:cover;border-radius:10px;border:3px solid white;box-shadow:0 4px 10px #0000004d}.social-icons{display:flex;gap:20px;justify-content:center}.social-icons a{color:#fff;font-size:24px;transition:transform .2s ease,color .2s ease}.social-icons a:hover{transform:scale(1.2);color:#4ea3ff}.projects-right{flex:1;padding:30px;color:#fff;max-width:100%;overflow-x:hidden}.projects-right h1,.projects-right h2{margin:0 0 0 40px;font-size:4rem;text-shadow:0 0 0px #38bdf8,0 0 0px #fff;animation:fadeShadow 2s forwards}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:40px;justify-items:stretch;align-items:start;max-width:100%;overflow-x:hidden}@media (max-width: 1100px){.projects-left{margin-left:40px}.projects-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:36px}}@media (max-width: 768px){.projects-container{flex-direction:column;align-items:center;padding:16px 12px;gap:16px;overflow-x:hidden}.projects-left{position:static;top:auto;margin:0;width:min(92vw,420px);max-width:100%;height:auto;padding:16px;flex-shrink:unset}.profile-photo{margin-top:80px;width:100%;max-width:100%;aspect-ratio:3 / 4}.projects-right{width:100%;max-width:100%;padding:12px 8px;overflow-x:hidden}.projects-right h1,.projects-right h2{margin:0 auto 6px;text-align:center;font-size:clamp(1.6rem,8vw,2.4rem);max-width:100%;word-wrap:break-word}.projects-grid{grid-template-columns:1fr;gap:20px;max-width:100%;width:100%;padding:0}}@media (max-width: 380px){.projects-left{width:94vw;padding:12px}.projects-right{padding:8px}.projects-grid{gap:16px}}@keyframes fadeShadow{to{text-shadow:0 0 16px #38bdf8,0 0 32px #38bdf8,0 0 8px #fff}}:root{--bg: #001f3f;--fg: #ffffff;--muted: #ffffff1a;--muted-hover: #ffffff30;--ring: #00d4ff;--radius: 16px;--shadow: 0 6px 20px rgba(0,0,0,.3);--shadow-lg: 0 8px 25px rgba(0,212,255,.4)}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Poppins,sans-serif}body.no-scroll{overflow:hidden}@media (max-width: 768px){html.page-contact-lock,body.page-contact-lock{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto}body.page-contact-lock{position:fixed;top:0;right:0;bottom:0;left:0;width:100%}}.contact-container{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:24px;min-height:100dvh;width:100%;padding:calc(16px + env(safe-area-inset-top)) clamp(16px,4vw,32px) calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;background-color:var(--bg);overflow-x:hidden}@media (max-width: 768px){.contact-container{height:100dvh;max-height:100dvh;overflow:clip}}.contact-left,.contact-right{width:min(100%,960px)}.contact-left h2{font-weight:600;line-height:1.05;margin:0 0 8px;font-size:clamp(2rem,6vw,4.5rem)}.contact-left p{margin:0 0 20px;line-height:1.6;font-size:clamp(1rem,2.5vw,1.25rem);opacity:.95}.contact-icons{display:flex;flex-wrap:wrap;gap:12px 14px;justify-content:center}.icon-link{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;border-radius:50%;background-color:var(--muted);transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}.icon-link:hover,.icon-link:active{background-color:var(--muted-hover);transform:scale(1.06);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 40%,transparent)}.icon-link:focus-visible{box-shadow:0 0 0 3px var(--ring)}.contact-right{display:grid;place-items:center}.setup-image{width:min(90vw,680px);max-width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);filter:grayscale(100%);transition:filter .4s ease,transform .25s ease,box-shadow .25s ease;cursor:pointer;object-fit:cover}@media (hover: hover) and (pointer: fine){.setup-image:hover{filter:grayscale(0%);transform:scale(1.02);box-shadow:var(--shadow-lg)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.contact-left{animation:slideInLeft .6s ease-out both}.contact-right{animation:slideInRight .7s ease-out both}@media (prefers-reduced-motion: reduce){.contact-left,.contact-right{animation:none!important}.icon-link,.setup-image{transition:none}}@media (min-width: 768px){.contact-container{grid-template-columns:1fr 1fr;align-items:center;justify-items:stretch}.contact-left{text-align:left;justify-self:start}.contact-icons{justify-content:flex-start}.setup-image{width:min(70%,560px)}}@media (min-width: 1200px){.contact-left h2{font-size:clamp(3rem,5vw,6rem)}}.contact-container{padding-top:calc(var(--nav-h, 64px) + 16px + env(safe-area-inset-top))}@media (min-width: 1024px){.contact-container{padding-left:calc(var(--nav-w, 60px) + var(--nav-gap, 16px) + clamp(24px,4vw,64px))}}.contact-left h2{font-size:clamp(2rem,5vw,4rem);margin-top:4px}@media (min-width: 768px){.contact-icons{justify-content:flex-start}}@media (min-width: 1024px){.setup-image{margin-top:-24px}}