:root{--bg: #cddec3;--bg-alt: #c0d4b4;--text: #0c0f0a;--text-dim: #33392c;--accent-1: #ff9eb3;--accent-2: #b48cf0;--accent-3: #2f4a34;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .8);--glass-border: rgba(12, 15, 10, .14);--shadow-soft: 0 20px 60px rgba(12, 15, 10, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px}h1,h2,h3,.display-font{font-family:Sora,sans-serif}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;background:var(--bg)}.intro-screen spline-viewer{width:100%;height:100%;display:block;cursor:pointer}.orb-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform;animation:orbPulse 9s ease-in-out infinite}.orb-1{width:34vw;height:34vw;max-width:520px;max-height:520px;top:-8%;left:-8%;background:var(--accent-1);--o: .5;animation-delay:0s}.orb-2{width:28vw;height:28vw;max-width:460px;max-height:460px;bottom:-10%;right:-6%;background:var(--accent-2);--o: .4;animation-delay:-3s}.orb-3{width:20vw;height:20vw;max-width:340px;max-height:340px;top:40%;right:12%;background:var(--accent-3);--o: .35;animation-delay:-6s}@keyframes orbPulse{0%,to{opacity:var(--o)}50%{opacity:calc(var(--o) + .18)}}.cursor-spotlight{position:absolute;top:0;left:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,rgba(180,140,240,.16),rgba(180,140,240,.08) 45%,transparent 72%);opacity:0;transition:opacity .6s ease;will-change:transform}.cursor-spotlight.active{opacity:1}@media (max-width: 900px),(hover: none){.cursor-spotlight{display:none}}.lang-switch{display:flex;align-items:center;gap:.2rem;margin-left:.7rem;padding-left:.9rem;border-left:1px solid var(--glass-border);flex:none}.lang-switch button{border:none;background:transparent;color:var(--text-dim);font-weight:700;font-size:.72rem;letter-spacing:.03em;padding:.32rem .6rem;border-radius:999px;cursor:pointer;transition:color .25s ease,background .25s ease}.lang-switch button:hover{color:var(--text)}.lang-switch button.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.1rem 0;transition:padding .4s ease}.navbar-inner{display:flex;align-items:center;justify-content:space-between;background:var(--glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:999px;padding:.55rem .6rem .55rem 1.3rem;box-shadow:0 10px 30px #0c0f0a0d;transition:background .4s ease,box-shadow .4s ease}.navbar.scrolled .navbar-inner{background:var(--glass-bg-strong);box-shadow:var(--shadow-soft)}.brand{font-family:Sora,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.01em;color:var(--text)}.brand .dot{color:var(--accent-2)}.navbar-right{display:flex;align-items:center;gap:.6rem}.nav-links{display:flex;align-items:center;gap:.3rem;list-style:none;margin:0;padding:0}.nav-links a{padding:.55rem 1rem;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--text-dim);transition:color .25s ease,background .25s ease}.nav-links a:hover{color:var(--text);background:#0c0f0a0f}.nav-toggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--text);cursor:pointer}@media (max-width: 900px){.nav-links{position:fixed;top:0;right:0;height:100vh;width:min(78vw,320px);flex-direction:column;align-items:stretch;justify-content:center;gap:.5rem;background:var(--glass-bg-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:2rem;transform:translate(100%);transition:transform .45s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 60px #0c0f0a1f;border-radius:0}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.1rem;padding:.85rem 1rem}.nav-toggle{display:block;z-index:60}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.9rem;border-radius:999px;font-weight:700;font-size:.98rem;border:none;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,background .35s ease}.btn:active{transform:scale(.96)}.btn-primary{position:relative;background:linear-gradient(135deg,var(--accent-1) 0%,#d9b3ea 50%,var(--accent-2) 100%);color:#fff;box-shadow:0 10px 26px #b48cf02e}.btn-primary:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));filter:blur(18px);opacity:.32;transition:opacity .35s ease,transform .35s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 32px #b48cf03d}.btn-primary:hover:before{opacity:.5;transform:scale(1.06)}.btn-ghost{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text);box-shadow:0 8px 22px #0c0f0a0d}.btn-ghost:hover{transform:translateY(-3px);background:var(--glass-bg-strong);box-shadow:0 16px 34px #0c0f0a1a}.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--bg)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(12,15,10,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(12,15,10,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 42%,#000 40%,transparent 90%);mask-image:radial-gradient(ellipse 75% 65% at 50% 42%,#000 40%,transparent 90%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0}.hero-glow-1{width:40vw;height:40vw;max-width:560px;max-height:560px;top:-18%;left:-12%;background:radial-gradient(circle,rgba(180,140,240,.22),transparent 70%)}.hero-glow-2{width:34vw;height:34vw;max-width:500px;max-height:500px;bottom:-20%;right:-10%;background:radial-gradient(circle,rgba(180,140,240,.2),transparent 70%)}.hero-glow-3{width:20vw;height:20vw;max-width:340px;max-height:340px;top:28%;left:58%;background:radial-gradient(circle,rgba(47,74,52,.16),transparent 70%)}.hero-bg-text{position:absolute;z-index:-1;font-family:Sora,sans-serif;font-weight:900;font-style:normal;text-transform:uppercase;line-height:.9;font-size:clamp(2.5rem,6vw,6.5rem);letter-spacing:-.02em;color:#0c0f0a29;filter:blur(1px);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}.hero-bg-text span{display:block}.hero-bg-text-left{left:-1%;top:40%}.hero-bg-text-right{right:-1%;top:68%;text-align:right}@media (max-width: 480px){.hero-bg-text{display:none}}@media (min-width: 481px) and (max-width: 1100px){.hero-bg-text{font-size:clamp(1.6rem,5.5vw,4rem)}}.hero-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 0 3.5rem}.hero-name{font-family:General Sans,Sora,sans-serif;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:1.02;font-size:clamp(2.6rem,7vw,5rem);margin:0 0 .75rem;color:var(--text);text-shadow:0 0 60px rgba(180,140,240,.25)}.hero-tagline{font-family:JetBrains Mono,monospace;font-size:clamp(.95rem,2vw,1.25rem);font-weight:500;color:var(--text-dim);margin:0;min-height:1.4em}.hero-tagline-cursor{display:inline-block;width:2px;height:1em;margin-left:2px;background:var(--accent-2);vertical-align:-.15em;animation:blink .9s step-start infinite}@keyframes blink{50%{opacity:0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-avatar-wrap{position:relative;width:min(40vw,460px);height:min(49vh,495px);margin:.5rem 0 1rem}@media (max-width: 900px){.hero-avatar-wrap{width:min(75vw,390px);height:min(42vh,410px)}}.hero-avatar-wrap canvas{outline:none;filter:drop-shadow(0 30px 40px rgba(12,15,10,.14))}.hero-avatar-wrap:after{content:"";position:absolute;left:50%;bottom:6%;width:62%;height:14%;background:radial-gradient(ellipse,rgba(12,15,10,.32),transparent 72%);filter:blur(14px);transform:translate(-50%);z-index:-1;pointer-events:none}.avatar-chat{position:absolute;top:16%;right:-3%;z-index:5}.avatar-chat-icon{position:relative;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;box-shadow:0 12px 28px #b48cf059;animation:chatIconPulse 2.4s ease-in-out infinite}.avatar-chat-icon-dot{position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:#ff4d6d;border:2px solid var(--bg)}@keyframes chatIconPulse{0%,to{transform:scale(1);box-shadow:0 12px 28px #b48cf059}50%{transform:scale(1.07);box-shadow:0 14px 34px #b48cf080}}.avatar-chat-bubble{position:relative;max-width:150px;padding:.65rem .85rem;background:var(--glass-bg-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(12,15,10,.22);border-radius:16px 16px 16px 4px;box-shadow:0 16px 32px #0c0f0a29}.avatar-chat-bubble p{margin:0;font-family:Sora,sans-serif;font-weight:700;font-size:.78rem;line-height:1.3;color:var(--text)}.avatar-chat-bubble-close{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-size:.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #b48cf059}.avatar-chat-bubble-tail{position:absolute;bottom:0;left:-7px;width:14px;height:14px;background:var(--glass-bg-strong);border-left:1.5px solid rgba(12,15,10,.22);border-bottom:1.5px solid rgba(12,15,10,.22);clip-path:polygon(100% 0,100% 100%,0 100%)}@media (max-width: 560px){.avatar-chat{right:0}.avatar-chat-bubble{max-width:135px}}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.25rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:26px;height:42px;border:2px solid var(--glass-border);border-radius:20px;z-index:3}.scroll-indicator span{position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;background:var(--accent-2);border-radius:2px;animation:scrollDown 1.6s ease infinite}@keyframes scrollDown{0%{opacity:1;top:8px}to{opacity:0;top:22px}}.section{padding:clamp(5rem,10vw,9rem) 0;position:relative}.section-alt{background:var(--bg-alt)}.section-eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:700;margin-bottom:.6rem}.section-title{font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.4rem}.text-center{text-align:center}.lead-text{color:var(--text-dim);font-size:1.08rem;line-height:1.8;margin-bottom:1.25rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-soft);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;text-align:center}}.about-highlight{color:var(--accent-1);font-weight:700}.about-collage{position:relative;width:100%;max-width:440px;aspect-ratio:1 / 1.08;margin:0 auto}.collage-blob{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none;z-index:0}.collage-blob-1{width:58%;height:58%;top:-12%;left:-12%;background:var(--accent-1);opacity:.2}.collage-blob-2{width:46%;height:46%;bottom:-8%;right:-10%;background:var(--accent-2);opacity:.18}.collage-blob-3{width:30%;height:30%;top:42%;left:34%;background:var(--accent-3);opacity:.16}.collage-float{position:relative;width:100%;height:100%;animation:collageFloat 7s ease-in-out infinite}@keyframes collageFloat{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.collage-photo-wrap{position:absolute;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #0c0f0a2e;will-change:transform;cursor:default}.collage-photo{display:block;width:100%;height:100%;object-fit:cover}.collage-photo-1{top:0;left:0;width:60%;aspect-ratio:1 / 1;z-index:2}.collage-photo-2{top:12%;right:0;width:50%;aspect-ratio:4 / 5;z-index:3}.collage-photo-3{bottom:0;left:10%;width:44%;aspect-ratio:1 / 1;z-index:4}@media (max-width: 900px){.about-collage{max-width:340px;margin-top:1rem}}@media (max-width: 480px){.about-collage{max-width:280px;aspect-ratio:1 / 1.15}}.timeline{position:relative;max-width:760px;margin:0 auto;padding-left:2.2rem}.timeline-trunk{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-1),var(--accent-2));transform-origin:top}.timeline-item{position:relative;margin-bottom:2.4rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-2.62rem;top:.4rem;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 0 0 5px var(--bg)}.timeline-card{padding:1.6rem 1.9rem}.timeline-card:hover{box-shadow:0 25px 55px #0c0f0a24;border-color:#b48cf04d}.timeline-card h3{font-size:1.15rem;font-weight:700;margin:.5rem 0 .25rem}.timeline-org{color:var(--accent-2);font-weight:600;font-size:.9rem;margin-bottom:.5rem}.timeline-desc{color:var(--text-dim);font-size:.94rem;margin:0;line-height:1.65}.badge-status{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.32rem .75rem;border-radius:999px}.badge-progress{background:#b48cf029;color:#5e1fc4}.badge-done{background:#2f4a3424;color:#2f4a34}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.1rem}.skill-card{padding:1.9rem 1rem;text-align:center;cursor:default}.skill-card:hover{transform:translateY(-8px) scale(1.02);border-color:#b48cf059;box-shadow:0 28px 55px #0c0f0a24}.skill-card i{font-size:2.4rem;display:block;margin-bottom:.7rem}.skill-card p{margin:0;font-weight:600;font-size:.9rem;color:var(--text-dim)}.contact-links{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.contact-links button.btn{font:inherit}.btn-icon{padding:.9rem;width:3.1rem;height:3.1rem;border-radius:50%}.contact-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0c0f0a66;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.contact-modal{position:relative;width:100%;max-width:380px;text-align:center;background:var(--glass-bg-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--shadow-soft);padding:2.5rem 2rem 2rem}.contact-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#0c0f0a14;color:var(--text);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease}.contact-modal-close:hover{background:#0c0f0a29}.contact-modal-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff}.contact-modal h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.contact-modal-value{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--text-dim);margin:0 0 1.6rem;word-break:break-word}.contact-modal-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.contact-modal-actions .btn{padding:.75rem 1.4rem;font-size:.9rem}.footer{padding:2.2rem 0;border-top:1px solid var(--glass-border);color:var(--text-dim);font-size:.85rem;text-align:center}.reveal-init{opacity:0;transform:translateY(28px)}