:root{--font-display:"Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-base:#070913;--bg-gradient:radial-gradient(circle at 15% 15%, #ff4b9117 0%, transparent 40%), radial-gradient(circle at 85% 35%, #a855f714 0%, transparent 42%), radial-gradient(circle at 50% 75%, #38bdf80f 0%, transparent 48%), #070913;--surface-card:#0e1424c7;--surface-card-hover:#141d34e0;--surface-glass:#0f172aa6;--surface-pill:#ffffff0d;--surface-pill-hover:#ffffff1a;--surface-input:#0a0f1cb3;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--accent-rose:#ff4b91;--accent-rose-soft:#ff4b9126;--accent-rose-border:#ff4b9159;--accent-rose-glow:#ff4b914d;--accent-blush:#ff8fb1;--accent-lavender:#a855f7;--accent-cyan:#38bdf8;--accent-emerald:#10b981;--accent-gold:#f59e0b;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-glow:#ff4b914d;--shadow-sm:0 4px 12px #00000040;--shadow-md:0 10px 28px #00000059;--shadow-lg:0 20px 48px #00000080;--shadow-rose:0 12px 32px #ff4b9138;--shadow-glow:0 0 32px #ff4b912e;--nav-bg:#090d1ad9;--modal-backdrop:#04060ee0}.theme-light{--bg-base:#f8fafc;--bg-gradient:radial-gradient(circle at 15% 15%, #ff4b9112 0%, transparent 45%), radial-gradient(circle at 85% 40%, #a855f70d 0%, transparent 40%), radial-gradient(circle at 50% 80%, #38bdf80d 0%, transparent 45%), #f8fafc;--surface-card:#ffffffe0;--surface-card-hover:#fffffffa;--surface-glass:#ffffffbf;--surface-pill:#f1f5f9e6;--surface-pill-hover:#e2e8f0;--surface-input:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--accent-rose:#e11d48;--accent-rose-soft:#e11d4814;--accent-rose-border:#e11d4840;--accent-rose-glow:#e11d4829;--accent-blush:#f43f5e;--accent-lavender:#9333ea;--accent-cyan:#0284c7;--accent-emerald:#059669;--accent-gold:#d97706;--border-subtle:#0f172a14;--border-medium:#0f172a24;--border-glow:#e11d484d;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 16px 40px #0f172a1f;--shadow-rose:0 10px 28px #e11d4824;--shadow-glow:0 0 28px #e11d481f;--nav-bg:#ffffffe0;--modal-backdrop:#0f172a99}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-base);background-image:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;transition:background-color .35s,color .35s;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-rose)}::selection{background:var(--accent-rose);color:#fff}button,input,textarea,select{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img,svg{display:block}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button,body.custom-cursor-active input,body.custom-cursor-active textarea,body.custom-cursor-active [role=button]{cursor:none!important}.custom-cursor-wrapper{pointer-events:none;z-index:99999;position:fixed;inset:0}.cursor-dot{pointer-events:none;will-change:transform;background:#fff;border-radius:50%;width:8px;height:8px;transition:opacity .2s;position:fixed;top:-4px;left:-4px;box-shadow:0 0 12px #fffc}.cursor-dot.is-hovered{opacity:0}.cursor-ring{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;will-change:transform;background:#ffffff14;border:1.5px solid #ffffff73;border-radius:50%;place-items:center;width:40px;height:40px;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),top .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1),background-color .25s,border-color .25s;display:grid;position:fixed;top:-20px;left:-20px;box-shadow:0 0 20px #ffffff40}.cursor-ring.is-hovered{background:#ffffff38;border-color:#fff;width:56px;height:56px;top:-28px;left:-28px;box-shadow:0 0 30px #ffffff73}.cursor-ring.is-clicked{transform:scale(.82)}.cursor-label{letter-spacing:.05em;color:#fff;text-transform:uppercase;font-size:.65rem;font-weight:800}@media (pointer:coarse),(hover:none){.custom-cursor-wrapper{display:none!important}body.custom-cursor-active,body.custom-cursor-active *{cursor:auto!important}}.interactive-bg-wrapper{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-light-pool{pointer-events:none;filter:blur(100px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.pool-rose{background:radial-gradient(circle, var(--accent-rose-glow) 0%, #ff4b911f 50%, transparent 70%);width:550px;height:550px;animation:18s ease-in-out infinite alternate float-pool-1;top:-100px;left:15%}.pool-violet{background:radial-gradient(circle,#a855f72e 0%,#a855f714 50%,#0000 70%);width:580px;height:580px;animation:22s ease-in-out infinite alternate float-pool-2;top:40%;right:-80px}.pool-cyan{background:radial-gradient(circle,#06b6d424 0%,#06b6d40f 50%,#0000 70%);width:520px;height:520px;animation:20s ease-in-out infinite alternate float-pool-3;bottom:-120px;left:10%}@keyframes float-pool-1{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}to{transform:translate(-30px,50px)scale(.95)}}@keyframes float-pool-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-50px,-40px)scale(1.12)}to{transform:translate(30px,30px)scale(.92)}}@keyframes float-pool-3{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,-30px)scale(1.05)}to{transform:translate(-40px,-40px)scale(.96)}}.bg-grid-overlay{pointer-events:none;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000004d 70%,#0000 100%);mask-image:radial-gradient(#000 0%,#0000004d 70%,#0000 100%)}.theme-light .bg-grid-overlay{background-image:linear-gradient(90deg,#0f172a08 1px,#0000 1px),linear-gradient(#0f172a08 1px,#0000 1px)}.bg-interactive-canvas{pointer-events:none;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.reveal-hero-item{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards hero-fade-up;transform:translateY(22px)}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.18s}.reveal-delay-3{animation-delay:.28s}.reveal-delay-4{animation-delay:.38s}.reveal-delay-5{animation-delay:.48s}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.reveal-slide-left{opacity:0;will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translate(-40px)scale(.98)}.reveal-slide-left.is-revealed{opacity:1;transform:translate(0)scale(1)}.reveal-slide-right{opacity:0;will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translate(40px)scale(.98)}.reveal-slide-right.is-revealed{opacity:1;transform:translate(0)scale(1)}.reveal-scale-tilt{opacity:0;will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(32px)scale(.95)rotate(-.5deg)}.reveal-scale-tilt.is-revealed{opacity:1;transform:translateY(0)scale(1)rotate(0)}.reveal-stagger-child{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(24px)scale(.96)}.reveal-stagger-child.is-revealed{opacity:1;transform:translateY(0)scale(1)}.reveal-stagger-child:first-child{transition-delay:60ms}.reveal-stagger-child:nth-child(2){transition-delay:.12s}.reveal-stagger-child:nth-child(3){transition-delay:.18s}.reveal-stagger-child:nth-child(4){transition-delay:.24s}.reveal-stagger-child:nth-child(5){transition-delay:.3s}.reveal-stagger-child:nth-child(6){transition-delay:.36s}.reveal-stagger-child:nth-child(7){transition-delay:.42s}.reveal-stagger-child:nth-child(8){transition-delay:.48s}.project-card-modern,.skill-card-modern,.certificate-card-modern,.about-contact-card,.contact-channel-card{transform:var(--tilt-transform,none);will-change:transform;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;position:relative}.project-card-modern:before,.skill-card-modern:before,.certificate-card-modern:before,.about-contact-card:before,.contact-channel-card:before{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x,-999px) var(--mouse-y,-999px), #ff4b911f, transparent 70%);pointer-events:none;opacity:0;z-index:1;transition:opacity .4s;position:absolute;inset:0}.project-card-modern:hover:before,.skill-card-modern:hover:before,.certificate-card-modern:hover:before,.about-contact-card:hover:before,.contact-channel-card:hover:before{opacity:1}.timeline-spine-track{background:#ffffff14;border-radius:99px;width:3px;position:absolute;top:24px;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}.timeline-progress-beam{background:linear-gradient(180deg, var(--accent-rose) 0%, var(--accent-lavender) 60%, var(--accent-cyan) 100%);width:100%;height:0%;box-shadow:0 0 14px var(--accent-rose-glow), 0 0 24px var(--accent-cyan);border-radius:99px;transition:height .15s ease-out;position:absolute;top:0;left:0}.timeline-item.node-active .timeline-node-circle{box-shadow:0 0 20px var(--accent-color,var(--accent-rose)), 0 0 35px var(--accent-rose-glow);background:var(--surface-card);border-color:#fff;transform:scale(1.15)}.timeline-item.node-active .milestone-card{border-color:var(--accent-color,var(--accent-rose-border));box-shadow:0 8px 30px #00000059, 0 0 18px var(--accent-rose-glow)}.site-shell{background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);transition:background-color .35s,color .35s;position:relative;overflow-x:hidden}.scroll-indicator-bar{background:linear-gradient(90deg, var(--accent-rose), var(--accent-lavender), var(--accent-cyan));z-index:100;height:3px;box-shadow:0 0 10px var(--accent-rose-glow);transition:width .1s ease-out;position:fixed;top:0;left:0}.main-content{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,3.5vw,32px);position:relative}.hero-section{padding-top:clamp(100px,12vw,130px);padding-bottom:clamp(36px,5vw,56px)}.compact-section{border-top:1px solid var(--border-subtle);padding:clamp(48px,6vw,68px) 0;scroll-margin-top:110px}.section-header{max-width:720px;margin-bottom:clamp(24px,3.5vw,36px)}.eyebrow-line{background:var(--accent-rose);width:24px;height:2.5px;box-shadow:0 0 10px var(--accent-rose-glow);border-radius:99px}.section-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:8px;font-size:clamp(1.85rem,3.2vw,2.5rem);font-weight:700;line-height:1.2}.section-desc{color:var(--text-muted);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6}.nav-wrap{z-index:50;pointer-events:none;justify-content:center;padding:0 clamp(16px,3vw,24px);transition:transform .3s;display:flex;position:fixed;top:16px;left:0;right:0}.nav{pointer-events:auto;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-medium);width:100%;max-width:1140px;height:60px;box-shadow:var(--shadow-md);border-radius:999px;justify-content:space-between;align-items:center;padding:0 16px 0 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nav-wrap.is-scrolled .nav{max-width:980px;height:52px;box-shadow:var(--shadow-lg), 0 0 20px var(--accent-rose-glow);border-color:var(--border-glow)}.wordmark-btn{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;align-items:baseline;padding:4px 0;font-size:1.25rem;font-weight:800;display:flex}.wordmark-dot{color:var(--accent-rose);font-size:1.4rem;line-height:0}.nav-links{align-items:center;gap:4px;display:flex}.nav-link-btn{font-family:var(--font-body);color:var(--text-secondary);border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600;transition:all .2s}.nav-link-btn:hover{color:var(--text-primary);background:var(--surface-pill)}.nav-link-btn.is-active{color:#fff;background:var(--accent-rose);box-shadow:0 2px 10px var(--accent-rose-glow)}.theme-light .nav-link-btn.is-active{color:#fff}.nav-actions{align-items:center;gap:8px;display:flex}.theme-toggle-btn{background:var(--surface-pill);width:36px;height:36px;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;transition:all .25s;display:grid}.theme-toggle-btn:hover{background:var(--surface-pill-hover);color:var(--accent-rose);transform:rotate(18deg)}.nav-resume-btn{color:var(--accent-rose);background:var(--accent-rose-soft);border:1px solid var(--accent-rose-border);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.nav-resume-btn:hover{background:var(--accent-rose);color:#fff;box-shadow:0 4px 14px var(--accent-rose-glow);transform:translateY(-1px)}.menu-toggle-btn{background:var(--surface-pill);width:36px;height:36px;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;display:none}.burger-bars{background:currentColor;width:16px;height:2px;display:block;position:relative}.burger-bars:before,.burger-bars:after{content:"";background:currentColor;width:16px;height:2px;transition:transform .2s;position:absolute;left:0}.burger-bars:before{top:-5px}.burger-bars:after{bottom:-5px}.section-header{margin-bottom:28px}.eyebrow-wrapper{align-items:center;gap:10px;margin-bottom:8px;display:inline-flex}.eyebrow-line{background:var(--accent-rose);border-radius:2px;width:20px;height:2px}.eyebrow-text{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-rose);text-transform:uppercase;font-size:.76rem;font-weight:700}.section-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.status-pill{background:var(--surface-pill);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;display:inline-flex}.status-dot{background:var(--accent-emerald);width:7px;height:7px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.status-dot.pulse{animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.status-mono{font-family:var(--font-mono);color:var(--accent-emerald);letter-spacing:-.02em;background:#10b9811f;border:1px solid #10b98140;border-radius:5px;padding:2px 7px;font-size:.74rem;font-weight:700}.status-divider{color:var(--text-dim)}.status-text{letter-spacing:.08em;color:var(--accent-emerald);font-size:.74rem;font-weight:700}.hero-telemetry-hud{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);color:var(--text-secondary);background:#0a0f1c99;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-top:20px;padding:8px 18px;font-size:.76rem;display:inline-flex;box-shadow:0 4px 16px #0003}.hud-metric{align-items:center;gap:7px;display:inline-flex}.hud-metric-icon{color:var(--accent-rose);place-items:center;display:grid}.hud-code-text{color:var(--text-secondary);font-weight:500}.hud-sep{color:var(--text-dim);opacity:.5}.hud-lang-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.hud-lang-dot.py{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.hud-lang-dot.ts{background:#3178c6;box-shadow:0 0 6px #3178c6}.hud-code-tag{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98133;border-radius:5px;padding:2px 7px;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text-primary);margin-bottom:14px;font-size:clamp(2.3rem,4.5vw,3.6rem);font-weight:800;line-height:1.12}.gradient-text{background:linear-gradient(135deg, var(--accent-rose), var(--accent-blush), var(--accent-lavender));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:1.05rem;display:flex}.hero-name{font-family:var(--font-display);color:var(--accent-rose);font-weight:700}.hero-separator{color:var(--text-dim)}.hero-role-text{color:var(--text-secondary);font-weight:500}.hero-bio{color:var(--text-muted);max-width:580px;margin-bottom:20px;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.62}.hero-social-strip{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.social-badge-card{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:7px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .25s;display:inline-flex}.social-badge-card:hover{color:var(--text-primary);border-color:var(--accent-rose-border);background:var(--surface-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.social-badge-card.linkedin:hover{border-color:#38bdf866}.linkedin-letter{color:var(--accent-cyan);font-size:.95rem;font-weight:800;line-height:1}.arrow-icon{opacity:.5;transition:transform .2s,opacity .2s}.social-badge-card:hover .arrow-icon{opacity:1;transform:translate(2px,-2px)}.location-chip{background:var(--surface-pill);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:500;display:inline-flex}.pin-icon{color:var(--accent-rose)}.hero-action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-primary{background:var(--accent-rose);color:#fff;box-shadow:0 4px 18px var(--accent-rose-glow);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{box-shadow:0 8px 26px var(--accent-rose-glow);background:var(--accent-blush);transform:translateY(-2px)}.btn-secondary{background:var(--surface-pill);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface-pill-hover);border-color:var(--accent-rose-border);transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);border-radius:999px;align-items:center;gap:7px;padding:12px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:var(--accent-rose)}.hero-visual-frame{justify-content:center;align-items:center;display:flex;position:relative}.portrait-glow-backdrop{background:radial-gradient(circle, var(--accent-rose-glow) 0%, #a855f726 50%, transparent 70%);filter:blur(40px);pointer-events:none;z-index:1;border-radius:50%;width:400px;height:400px;position:absolute}.portrait-container{z-index:2;place-items:center;width:420px;height:420px;display:grid;position:relative}.orbit-svg{pointer-events:none;opacity:.85;position:absolute}.orbit-cyan-anim{width:410px;height:410px;animation:24s linear infinite spin-clockwise}.orbit-berry-anim{width:350px;height:350px;animation:18s linear infinite spin-counter}.orbit-violet-anim{width:290px;height:290px;animation:14s linear infinite spin-clockwise}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.portrait-image-wrapper{border:3.5px solid var(--border-medium);width:300px;height:300px;box-shadow:0 0 36px var(--accent-rose-glow), var(--shadow-lg);background:linear-gradient(135deg, var(--accent-rose), var(--accent-cyan));border-radius:50%;padding:3px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:relative;overflow:hidden}.portrait-image-wrapper:hover{box-shadow:0 0 48px var(--accent-rose-glow), var(--shadow-lg);transform:scale(1.03)}.portrait-photo{object-fit:cover;object-position:50% 20%;background:#080f1e;border-radius:50%;width:100%;height:100%}.floating-chip{background:var(--surface-glass);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);color:var(--text-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:700;animation:4s ease-in-out infinite alternate float-chip;display:inline-flex;position:absolute}.chip-ai{color:var(--accent-rose);border-color:var(--accent-rose-border);animation-delay:0s;top:10px;right:-10px}.chip-degree{color:var(--accent-cyan);border-color:#38bdf84d;animation-delay:1.2s;bottom:24px;left:-20px}.chip-fastapi{color:var(--accent-lavender);border-color:#a855f74d;animation-delay:2.4s;bottom:10px;right:-5px}@keyframes float-chip{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.about-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:clamp(20px,3vw,36px);display:grid}.about-narrative-card,.about-contact-card{background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;justify-content:space-between;padding:clamp(22px,3vw,32px);transition:border-color .3s,box-shadow .3s;display:flex}.about-narrative-card:hover,.about-contact-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md)}.about-lead{color:var(--text-primary);margin-bottom:12px;font-size:1.08rem;line-height:1.65}.about-body{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.65}.about-highlights-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.highlight-pill-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.86rem;font-weight:600;display:flex}.highlight-check{color:var(--accent-rose);flex-shrink:0}.about-ide-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080c18;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;height:100%;min-height:380px;display:flex;overflow:hidden;box-shadow:0 16px 40px #0006,0 0 32px #ff4b9114}.ide-titlebar{background:#0f172ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ide-mac-dots{flex-shrink:0;align-items:center;gap:7px;display:flex}.mac-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.mac-dot.red{background:#ef4444}.mac-dot.yellow{background:#f59e0b}.mac-dot.green{background:#10b981}.ide-tabs-row{flex:1;align-items:center;gap:6px;margin-left:8px;display:flex;overflow-x:auto}.ide-tab-btn{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:5px 12px;font-size:.74rem;font-weight:500;transition:all .2s;display:inline-flex}.ide-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.ide-tab-btn.is-active{color:#fff;background:#ffffff1a;border-color:#ffffff26;box-shadow:0 2px 8px #0003}.file-badge{font-size:.6rem;font-weight:800;font-family:var(--font-mono);border-radius:4px;padding:1px 4px}.file-badge.py{color:#38bdf8;background:#38bdf833}.file-badge.json{color:#f59e0b;background:#f59e0b33}.file-badge.sh{color:#10b981;background:#10b98133}.ide-copy-btn{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.ide-copy-btn:hover{color:var(--text-primary);border-color:var(--accent-rose);background:#ffffff1f}.ide-editor-body{font-family:var(--font-mono);color:#e2e8f0;background:#060913;flex:1;padding:18px 20px;font-size:.82rem;line-height:1.65;overflow-x:auto}.code-content{font-family:inherit;font-size:inherit;tab-size:4;margin:0}.line-row{white-space:pre;display:block}.ln{color:#475569;-webkit-user-select:none;user-select:none;width:28px;font-weight:500;display:inline-block}.cmt{color:#64748b;font-style:italic}.kw{color:#ff4b91;font-weight:600}.cls{color:#38bdf8;font-weight:600}.fn{color:#a855f7;font-weight:600}.self{color:#fb923c}.op,.punc{color:#94a3b8}.str{color:#10b981}.key{color:#38bdf8}.sh-prompt{color:#ff4b91;-webkit-user-select:none;user-select:none;margin-right:6px;font-weight:700}.sh-cmd{color:#38bdf8;font-weight:600}.ide-statusbar{font-family:var(--font-mono);color:var(--text-muted);background:#0a0f1cf2;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 14px;font-size:.68rem;display:flex}.ide-status-left,.ide-status-right{align-items:center;gap:12px;display:flex}.ide-status-item{align-items:center;gap:5px;display:inline-flex}.filter-pill-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.filter-tab-btn{font-family:var(--font-body);background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:all .2s}.filter-tab-btn:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--surface-card-hover)}.filter-tab-btn.is-active{color:#fff;background:var(--accent-rose);border-color:var(--accent-rose);box-shadow:0 2px 10px var(--accent-rose-glow)}.skills-matrix-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:24px;display:grid}.skill-card-modern{background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.skill-card-modern:hover{border-color:var(--accent-rose-border);box-shadow:var(--shadow-md), 0 0 16px var(--accent-rose-glow);transform:translateY(-3px)}.skill-icon-wrap{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.skill-meta-wrap{flex-direction:column;min-width:0;display:flex}.skill-card-title{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;font-weight:700}.skill-card-tag{color:var(--text-muted);font-size:.72rem;font-weight:500}.icon-db-badge,.icon-web-badge{background:var(--surface-pill);border:1px solid var(--border-subtle);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.domain-cards-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.domain-box{background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);border-radius:18px;padding:20px 22px;transition:transform .25s,border-color .25s}.domain-box:hover{border-color:var(--border-medium);transform:translateY(-3px)}.domain-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.domain-icon-accent{color:var(--accent-rose)}.domain-header h4{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:.96rem;font-weight:700}.domain-box p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.55}@media (width<=860px){.domain-cards-row{grid-template-columns:1fr}}.projects-header-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.projects-carousel-controls{align-items:center;gap:8px;display:flex}.carousel-arrow-btn{background:var(--surface-card);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid}.carousel-arrow-btn:hover:not(:disabled){background:var(--accent-rose);border-color:var(--accent-rose);color:#fff;box-shadow:0 0 14px var(--accent-rose-glow);transform:scale(1.06)}.carousel-arrow-btn:disabled{opacity:.35;cursor:not-allowed}.projects-count-indicator{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.04em;border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:700}.projects-horizontal-wrapper{width:100%;margin-top:14px;position:relative}.projects-horizontal-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:auto;user-select:auto;gap:22px;padding:10px 4px 24px;display:flex;overflow-x:auto}.projects-horizontal-track::-webkit-scrollbar{display:none}.projects-horizontal-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.projects-horizontal-track .project-card-modern{scroll-snap-align:start;background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:380px;box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;flex:0 0 380px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.projects-horizontal-track .project-card-modern:hover{border-color:var(--accent-rose-border);box-shadow:var(--shadow-md), 0 0 20px var(--accent-rose-glow);transform:translateY(-4px)}.projects-track-progress-bar{background:var(--surface-pill);border:1px solid var(--border-subtle);border-radius:999px;width:100%;max-width:240px;height:4px;margin:6px auto 0;position:relative;overflow:hidden}.projects-track-progress-fill{background:linear-gradient(90deg, var(--accent-rose), var(--accent-lavender));height:100%;box-shadow:0 0 8px var(--accent-rose-glow);border-radius:999px;transition:width .15s ease-out}@media (width<=640px){.projects-horizontal-track .project-card-modern{flex:0 0 86vw;width:86vw;min-width:280px}}.project-preview-banner{background:#0d1629;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.project-screenshot-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s}.project-card-modern:hover .project-screenshot-img{transform:scale(1.04)}.project-banner-badge{letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-medium);color:#fff;z-index:2;background:#0a0f1cbf;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:12px;right:12px}.project-abstract-visual{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.abstract-tag{letter-spacing:.1em;color:var(--accent-rose);font-size:.72rem;font-weight:700}.abstract-title{font-family:var(--font-display);color:#fff;font-size:1.5rem;font-weight:800}.abstract-sub{color:var(--text-muted);font-size:.78rem;font-weight:600}.study-visual{background:radial-gradient(circle,#0c2b45 0%,#061524 100%)}.weather-visual{background:radial-gradient(circle,#1b4965 0%,#0d2133 100%)}.git-visual{background:radial-gradient(circle,#3d162c 0%,#1e0915 100%)}.project-content-body{flex-direction:column;flex:1;justify-content:space-between;padding:20px 22px;display:flex}.project-stack-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tech-pill{font-family:var(--font-mono);background:var(--surface-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);letter-spacing:-.01em;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.tech-pill:before{content:"#";color:var(--accent-rose);opacity:.7;margin-right:2px}.project-title-text{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.18rem;font-weight:700}.project-desc-text{color:var(--text-muted);margin-bottom:14px;font-size:.88rem;line-height:1.55}.project-contrib-box{border:1px solid var(--border-subtle);background:#0a0f1cb3;border-radius:10px;margin-bottom:16px;padding:10px 12px}.contrib-tag{font-family:var(--font-mono);color:var(--accent-rose);letter-spacing:.04em;margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.contrib-text{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.project-card-footer{border-top:1px solid var(--border-subtle);padding-top:12px}.project-repo-btn{font-family:var(--font-mono);color:var(--accent-rose);align-items:center;gap:6px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.project-repo-btn:hover{color:var(--accent-blush);transform:translate(3px)}.certificates-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.certificate-card-modern{background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:22px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.certificate-card-modern:hover{border-color:var(--accent-rose-border);box-shadow:var(--shadow-md), 0 0 20px var(--accent-rose-glow);transform:translateY(-4px)}.certificate-img-wrap{background:#080f1e;width:100%;height:220px;position:relative;overflow:hidden}.certificate-thumb-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s}.certificate-card-modern:hover .certificate-thumb-img{transform:scale(1.05)}.certificate-hover-overlay{opacity:0;background:#070913a6;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.certificate-card-modern:hover .certificate-hover-overlay{opacity:1}.zoom-indicator{background:var(--accent-rose);color:#fff;box-shadow:0 4px 14px var(--accent-rose-glow);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.cert-verified-chip{color:#fff;letter-spacing:.05em;background:#10b981e6;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000004d}.certificate-body{flex-direction:column;flex:1;justify-content:space-between;padding:20px 22px;display:flex}.cert-issuer-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cert-issuer-name{color:var(--accent-rose);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.cert-date-badge{color:var(--text-dim);font-size:.72rem;font-weight:600}.cert-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.cert-subtitle{color:var(--text-secondary);margin-bottom:10px;font-size:.84rem;font-weight:600}.cert-desc{color:var(--text-muted);margin-bottom:14px;font-size:.84rem;line-height:1.5}.cert-skills-wrap{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.cert-skill-pill{background:var(--surface-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.cert-action-bar{border-top:1px solid var(--border-subtle);padding-top:12px}.cert-view-btn{color:var(--accent-rose);align-items:center;gap:6px;font-size:.84rem;font-weight:700;display:inline-flex}.lightbox-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(16px);z-index:200;place-items:center;padding:20px;animation:.25s ease-out modal-fade-in;display:grid;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content-card{background:var(--surface-card);border:1px solid var(--border-medium);width:100%;max-width:820px;max-height:90vh;box-shadow:var(--shadow-lg), 0 0 30px var(--accent-rose-glow);border-radius:24px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) modal-pop;display:flex;position:relative;overflow-y:auto}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.lightbox-close-btn{color:#fff;z-index:10;border:1px solid var(--border-medium);background:#0a0f1cd9;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .2s,background-color .2s;display:grid;position:absolute;top:16px;right:16px}.lightbox-close-btn:hover{background:var(--accent-rose);transform:rotate(90deg)}.lightbox-image-view{background:#080e1a;place-items:center;width:100%;max-height:480px;display:grid;overflow:hidden}.lightbox-full-img{object-fit:contain;width:100%;height:100%;max-height:480px}.lightbox-details-panel{padding:24px 28px}.lightbox-header-badge{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.lightbox-cert-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.4rem;font-weight:800}.lightbox-cert-subtitle{color:var(--accent-rose);margin-bottom:12px;font-size:.95rem;font-weight:600}.lightbox-cert-desc{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;line-height:1.6}.lightbox-skills-row{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.lightbox-skill-pill{background:var(--surface-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:8px;padding:4px 10px;font-size:.76rem;font-weight:600}.lightbox-actions-bar{border-top:1px solid var(--border-subtle);padding-top:16px}.lightbox-full-btn{background:var(--accent-rose);color:#fff;box-shadow:0 4px 14px var(--accent-rose-glow);border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.lightbox-full-btn:hover{background:var(--accent-blush);transform:translateY(-2px)}.journey-timeline-container{max-width:980px;margin:0 auto;padding:16px 0;position:relative}.timeline-spine-line{background:linear-gradient(180deg, var(--accent-rose) 0%, var(--accent-lavender) 50%, var(--accent-cyan) 100%);width:3px;box-shadow:0 0 12px var(--accent-rose-glow);border-radius:99px;position:absolute;top:20px;bottom:20px;left:50%;transform:translate(-50%)}.timeline-cards-list{z-index:2;flex-direction:column;gap:32px;display:flex;position:relative}.timeline-item{grid-template-columns:1fr 50px 1fr;align-items:center;display:grid;position:relative}.timeline-left .milestone-card{grid-column:1}.timeline-left .timeline-node-wrap{grid-column:2;justify-self:center}.timeline-left .timeline-spacer-col{grid-column:3}.timeline-right .timeline-spacer-col{grid-column:1}.timeline-right .timeline-node-wrap{grid-column:2;justify-self:center}.timeline-right .milestone-card{grid-column:3}.timeline-node-wrap{place-items:center;width:44px;height:44px;display:grid;position:relative}.timeline-node-circle{background:var(--bg-base);border:2px solid var(--accent-color,var(--accent-rose));z-index:3;width:34px;height:34px;box-shadow:0 0 14px var(--accent-color,var(--accent-rose));font-family:var(--font-display);color:var(--text-primary);border-radius:50%;place-items:center;font-size:.76rem;font-weight:800;transition:transform .25s;display:grid}.timeline-item:hover .timeline-node-circle{transform:scale(1.18)}.milestone-card{background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);border-radius:22px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;overflow:hidden}.milestone-card:hover{border-color:var(--accent-color,var(--accent-rose));box-shadow:var(--shadow-md), 0 0 20px var(--accent-rose-glow);transform:translateY(-3px)}.milestone-image-banner{background:#080f1e;width:100%;height:140px;position:relative;overflow:hidden}.milestone-campus-img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .4s}.milestone-card:hover .milestone-campus-img{transform:scale(1.04)}.milestone-category-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid var(--border-medium);background:#0a0f1ccc;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:12px}.milestone-content-wrap{padding:18px 20px}.milestone-header-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.milestone-period-badge{background:var(--surface-pill);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.milestone-status-chip{color:var(--accent-color,var(--accent-rose));text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.milestone-type-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.milestone-heading{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.3}.milestone-institution-bar{background:var(--surface-pill);border:1px solid var(--border-subtle);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;display:flex}.inst-col{color:var(--text-primary);align-items:center;gap:6px;font-size:.82rem;display:flex}.inst-icon{color:var(--accent-color,var(--accent-rose))}.milestone-location-chip{color:var(--text-muted);align-items:center;gap:4px;font-size:.74rem;display:inline-flex}.milestone-desc-text{color:var(--text-muted);margin-bottom:12px;font-size:.84rem;line-height:1.55}.milestone-highlights-row{flex-wrap:wrap;gap:6px;display:flex}.milestone-tag{background:var(--surface-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.contact-container-grid{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:clamp(24px,4vw,48px);display:grid}.contact-invite-col{flex-direction:column;display:flex}.contact-links-stack{flex-direction:column;gap:12px;margin-top:20px;display:flex}.contact-channel-card{background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;align-items:center;gap:14px;padding:14px 18px;transition:all .25s;display:flex}.contact-channel-card:hover{border-color:var(--accent-rose-border);box-shadow:var(--shadow-sm);background:var(--surface-card-hover);transform:translate(4px)}.channel-icon-wrap{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.email-icon{background:var(--accent-rose-soft);color:var(--accent-rose);border:1px solid var(--accent-rose-border)}.linkedin-icon{color:var(--accent-cyan);background:#38bdf81a;border:1px solid #38bdf840}.in-glyph{font-size:1.05rem;font-weight:800}.github-icon{background:var(--surface-pill);color:var(--text-primary);border:1px solid var(--border-medium)}.channel-info{flex-direction:column;flex:1;min-width:0;display:flex}.channel-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:700}.channel-val{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.channel-arrow{color:var(--text-dim);transition:transform .2s,color .2s}.contact-channel-card:hover .channel-arrow{color:var(--accent-rose);transform:translate(2px,-2px)}.contact-action-box{background:var(--surface-card);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md), 0 0 24px var(--accent-rose-glow);border-radius:24px;flex-direction:column;justify-content:space-between;padding:clamp(22px,3.5vw,32px);display:flex}.contact-box-header{text-align:center;margin-bottom:20px}.sparkle-circle{background:var(--accent-rose-soft);border:1px solid var(--accent-rose-border);width:48px;height:48px;color:var(--accent-rose);box-shadow:0 0 20px var(--accent-rose-glow);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.contact-box-header h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.35rem;font-weight:800}.contact-box-header p{color:var(--text-muted);max-width:320px;margin:0 auto;font-size:.85rem;line-height:1.5}.primary-email-btn{background:var(--accent-rose);color:#fff;box-shadow:0 6px 20px var(--accent-rose-glow);border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;transition:all .25s;display:flex}.primary-email-btn:hover{box-shadow:0 10px 28px var(--accent-rose-glow);background:var(--accent-blush);transform:translateY(-2px)}.email-btn-text{flex-direction:column;flex:1;display:flex}.btn-micro-label{opacity:.9;font-size:.72rem;font-weight:600}.btn-main-label{letter-spacing:-.01em;font-size:.95rem;font-weight:800}.email-btn-arrow{transition:transform .2s}.primary-email-btn:hover .email-btn-arrow{transform:translate(3px,-3px)}.action-or-divider{text-align:center;margin:12px 0 16px;position:relative}.action-or-divider:before{content:"";background:var(--border-subtle);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.action-or-divider span{z-index:2;background:var(--surface-card);color:var(--text-dim);letter-spacing:.12em;padding:0 10px;font-size:.68rem;font-weight:700;position:relative}.quick-actions-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.copy-action-chip{background:var(--surface-pill);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.copy-action-chip:hover{background:var(--surface-pill-hover);border-color:var(--accent-rose-border);color:var(--accent-rose)}.service-promises-grid{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:10px;padding-top:14px;display:grid}.promise-item{align-items:flex-start;gap:8px;display:flex}.promise-icon{color:var(--accent-rose);flex-shrink:0;margin-top:2px}.promise-item strong{color:var(--text-primary);font-size:.8rem;display:block}.promise-item span{color:var(--text-muted);font-size:.72rem}.site-footer{border-top:1px solid var(--border-subtle);background:var(--surface-card);width:100%;margin-top:40px;padding:40px 0 30px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:0 clamp(16px,3.5vw,32px);display:flex}.footer-wordmark{font-family:var(--font-display);color:var(--text-primary);align-items:baseline;padding:0;font-size:1.3rem;font-weight:800;display:flex}.footer-wordmark span{color:var(--accent-rose)}.footer-tagline{color:var(--text-muted);margin-top:4px;font-size:.82rem}.footer-nav-col{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-links-list{flex-wrap:wrap;gap:12px;display:flex}.footer-link-btn{color:var(--text-secondary);font-size:.82rem;font-weight:600;transition:color .2s}.footer-link-btn:hover{color:var(--accent-rose)}.back-to-top-btn{background:var(--surface-pill);border:1px solid var(--border-subtle);color:var(--accent-rose);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.back-to-top-btn:hover{background:var(--accent-rose-soft);border-color:var(--accent-rose-border)}.toast-notification{z-index:250;background:var(--accent-emerald);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:.85rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) toast-in;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #10b98166}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-check{flex-shrink:0}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-visual-frame{order:-1}.portrait-container{width:280px;height:280px}.orbit-cyan-anim{width:270px;height:270px}.orbit-berry-anim{width:230px;height:230px}.orbit-violet-anim{width:190px;height:190px}.portrait-image-wrapper{width:200px;height:200px}.about-grid,.contact-container-grid,.projects-grid-modern,.certificates-grid,.domain-cards-row{grid-template-columns:1fr}.timeline-spine-line{left:20px;transform:none}.timeline-item{flex-direction:column;align-items:flex-start;padding-left:50px;display:flex}.timeline-node-wrap{position:absolute;top:20px;left:0}.timeline-spacer-col{display:none}.milestone-card{width:100%}}@media (width>=769px){.hero-cv-btn{display:none!important}}@media (width<=768px){.nav-resume-btn{display:none!important}.menu-toggle-btn{display:grid}.nav-links{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px}.nav-links.is-open{display:flex}.nav-link-btn{text-align:left;width:100%;padding:10px 14px}.about-highlights-matrix{grid-template-columns:1fr}.skills-matrix-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-row,.service-promises-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.footer-nav-col{justify-content:space-between;width:100%}}@media (width<=480px){.hero-title{font-size:2.1rem}.hero-action-row{flex-direction:column;width:100%}.btn-primary,.btn-secondary,.btn-ghost{justify-content:center;width:100%}.skills-matrix-grid{grid-template-columns:1fr}.floating-chip{display:none}.hero-telemetry-hud{gap:8px;padding:6px 12px;font-size:.7rem}.ide-editor-body{padding:12px 14px;font-size:.75rem}}