.dock-wrapper{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:200;animation:dockAppear .8s .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes dockAppear{0%{opacity:0;transform:translate(-50%) translateY(50px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dock{display:flex;align-items:flex-end;gap:8px;padding:12px 16px 16px;position:relative;--mouse-x: 50%;--mouse-y: 50%;--glow-opacity: 0;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:28px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 30px #0000001f}.dock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle 110px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.35),transparent 70%);opacity:var(--glow-opacity, 0);transition:opacity .3s ease}[data-theme=dark] .dock{background:#111827bf;border-color:#ffffff1a;box-shadow:0 8px 30px #0006}[data-theme=dark] .dock:before{background:radial-gradient(circle 110px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.12),transparent 70%)}.dock-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font:inherit;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:var(--item-size, 48px);height:var(--item-size, 48px);transition:width .2s cubic-bezier(.34,1.5,.64,1),height .2s cubic-bezier(.34,1.5,.64,1);opacity:0;animation:itemAppear .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes itemAppear{0%{opacity:0;transform:translateY(16px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.dock-item:nth-child(1){animation-delay:.25s}.dock-item:nth-child(2){animation-delay:.32s}.dock-item:nth-child(3){animation-delay:.39s}.dock-item:nth-child(4){animation-delay:.46s}.dock-item:nth-child(5){animation-delay:.53s}.dock-item:nth-child(6){animation-delay:.6s}.dock-item:nth-child(7){animation-delay:.67s}.dock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82%;height:82%;display:flex;align-items:center;justify-content:center;background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:12px;color:var(--text-secondary, #6b7280);box-shadow:none;transition:background .18s ease,color .18s ease,border-color .18s ease,border-radius .2s cubic-bezier(.34,1.5,.64,1),transform .15s ease;overflow:hidden}[data-theme=dark] .dock-icon{background:#ffffff12;border-color:#ffffff14;color:#94a3b8}.dock-icon svg{width:50%;height:50%;flex-shrink:0;position:relative;z-index:2;transition:transform .2s cubic-bezier(.34,1.56,.64,1),fill .2s ease}.dock-item:hover .dock-icon{background:#00000012;border-color:#0000001f;color:var(--text-primary)}[data-theme=dark] .dock-item:hover .dock-icon{background:#ffffff1f;border-color:#ffffff29;color:var(--text-primary)}.dock-item:hover .dock-icon svg{transform:scale(1.1)}.dock-item--active .dock-icon,[data-theme=dark] .dock-item--active .dock-icon{background:transparent!important;border-color:transparent!important;color:var(--text-primary)!important;box-shadow:none!important}.dock-item--active .dock-icon svg{fill:currentColor}.dock-item:active .dock-icon{animation:iconBounce .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes iconBounce{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(.86)}65%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.dock-dot{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--text-primary);border-radius:50%;box-shadow:0 0 4px #00000040;animation:dotPop .35s .05s cubic-bezier(.34,1.56,.64,1) both,dotPulse 2.4s .4s ease-in-out infinite}@keyframes dotPop{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes dotPulse{0%,to{transform:translate(-50%) scale(1);opacity:1;box-shadow:0 0 4px #0003}50%{transform:translate(-50%) scale(1.7);opacity:.45;box-shadow:0 0 8px #0000001f}}.dock-label{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;font-family:var(--font-body, "Inter", sans-serif);font-size:.7rem;font-weight:600;letter-spacing:.01em;color:var(--text-inverse, #ffffff);background:var(--bg-inverse, #1e293b);border:1px solid var(--border);padding:5px 11px;border-radius:10px;box-shadow:0 4px 16px #00000026,0 1px 4px #00000014;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none;opacity:0;transition:opacity .1s ease-in,transform .1s ease-in;z-index:10}.dock-label:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--bg-inverse, #1e293b);filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.dock-item:hover .dock-label{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .2s ease-out .15s,transform .2s ease-out .15s}@media (max-width: 580px){.dock{gap:6px;padding:10px 12px 14px;border-radius:22px;max-width:calc(100vw - 24px)}.dock-label{display:none}.dock-dot{bottom:-7px}.dock-item:nth-child(1){animation-delay:.22s}.dock-item:nth-child(2){animation-delay:.27s}.dock-item:nth-child(3){animation-delay:.32s}.dock-item:nth-child(4){animation-delay:.37s}.dock-item:nth-child(5){animation-delay:.42s}.dock-item:nth-child(6){animation-delay:.47s}.dock-item:nth-child(7){animation-delay:.52s}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px 120px;background:var(--bg);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(79,70,229,.05) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:760px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.hero-tag{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;animation:fadeUp .7s .1s ease both}.hero-tag .dot{color:var(--accent-light);font-size:1rem}.hero-name{font-family:var(--font-display);font-size:clamp(3.2rem,8.5vw,7.5rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;white-space:nowrap;animation:fadeUp .7s .15s ease both;display:flex;align-items:baseline;justify-content:center;gap:0;cursor:default}.hero-char{display:inline-block}.hero-roles{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap;justify-content:center;animation:fadeUp .7s .22s ease both}.hero-role{font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:color .5s ease}.hero-role--muted{color:var(--text-muted)}.role-sep{color:var(--text-muted);font-weight:300}.hero-bio{font-size:1.02rem;line-height:1.75;color:var(--text-secondary);max-width:640px;margin:0 auto 28px;animation:fadeUp .7s .32s ease both}.hero-avail{display:inline-flex;align-items:center;gap:8px;font-size:.83rem;font-weight:500;color:var(--text-secondary);background:#ef44440f;border:1px solid rgba(239,68,68,.18);padding:7px 18px;border-radius:var(--radius-full);margin-bottom:36px;animation:fadeUp .7s .38s ease both}.avail-dot{width:7px;height:7px;background:#ef4444;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ef444426;animation:pulse-red 2s ease infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 0 3px #ef444426}50%{box-shadow:0 0 0 6px #ef44440d}}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:640px;width:100%;margin:0 auto;animation:fadeUp .7s .46s ease both}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 24px;border-radius:var(--radius-full);font-size:.96rem;font-weight:600;text-decoration:none;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);transition:all var(--transition);box-shadow:var(--shadow-sm);flex:1 1 auto;min-width:130px}.hero-btn:hover{border-color:var(--border-hover);color:var(--accent);background:var(--accent-pale);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-btn-recruiter{background:var(--accent-pale);color:var(--accent);border-color:#4f46e54d}.hero-btn-recruiter:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hero-name{font-size:clamp(3rem,14vw,5rem)}.hero-bio{font-size:.92rem}}.about-section{background:var(--bg)}.about-container{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.about-text{text-align:left}.about-text .section-subtitle{margin-bottom:18px;font-size:1.05rem;max-width:100%}.about-para{color:var(--text-secondary);line-height:1.8;margin-bottom:16px;font-size:.98rem}.about-accent-text{color:var(--text-primary);transition:color var(--transition)}.about-text:hover .about-accent-text,.about-accent-text:hover{color:var(--accent)}.about-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.highlight-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition)}.highlight-pill:hover{border-color:var(--border-hover);background:var(--accent-pale);color:var(--accent)}.recruiter-highlight-btn{background:#f2e6dc;color:#a56a43;border-color:#a56a434d;cursor:pointer}.recruiter-highlight-btn:hover{background:#a56a43;color:#fff;border-color:#a56a43;transform:translateY(-2px)}.recruiter-highlight-btn:hover .zap-accent{color:#fff}.about-cards-wrap{margin-top:8px}.cards-section-heading{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.about-cards-list{display:flex;flex-direction:column;gap:18px}.about-expandable-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px 28px;transition:all var(--transition);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.about-expandable-card:hover{border-color:#0000001f;box-shadow:var(--shadow-md)}.card-header-clickable{cursor:pointer;display:flex;flex-direction:column;gap:8px}.card-header-top{display:flex;align-items:center;justify-content:space-between}.card-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-alt);border:1px solid var(--border);padding:4px 12px;border-radius:var(--radius-full)}.card-date-toggle{display:flex;align-items:center;gap:12px}.card-date{font-size:.82rem;font-weight:500;color:var(--text-muted)}.card-plus-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-secondary);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);flex-shrink:0}.card-plus-btn:hover{background:var(--accent-pale);color:var(--accent);border-color:#4f46e54d;transform:scale(1.08)}.card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.35}.card-subtitle{font-size:.88rem;color:var(--text-secondary);font-weight:500}.card-expanded-content{padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;animation:cardExpand .3s ease both}@keyframes cardExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.card-skills{display:flex;flex-wrap:wrap;gap:6px}.card-skill-tag{font-size:.76rem;font-weight:500;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:3px 10px;border-radius:var(--radius-full)}@media (max-width: 640px){.about-expandable-card{padding:18px}}.skills-section{background:var(--bg-alt)}.skills-header{text-align:center;margin-bottom:56px}.skills-header .section-subtitle{margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;align-items:stretch}.skill-group{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000f;border-radius:var(--radius-md);padding:24px;transition:all var(--transition);display:flex;flex-direction:column;justify-content:flex-start;height:100%;align-self:stretch}.skill-group:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.skill-group-header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;width:100%}.skill-header-row{display:flex;align-items:center;gap:10px;white-space:nowrap}.skill-emoji{font-size:1.3rem;flex-shrink:0}.skill-category{font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap}.skill-desc{width:100%;font-size:.82rem;color:var(--text-secondary);line-height:1.55;margin:0}.skill-pills{display:flex;flex-wrap:wrap;gap:8px}.skill-pill{font-size:.82rem;font-weight:500;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:5px 12px;border-radius:var(--radius-full);transition:all var(--transition);cursor:default}.skill-pill:hover{background:var(--accent-pale);border-color:var(--border-hover);color:var(--accent);transform:translateY(-1px)}[data-theme=dark] .skill-group{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}[data-theme=dark] .skill-pill{background:var(--bg-alt);border-color:var(--border);color:var(--text-secondary)}@media (max-width: 900px){.skills-grid{grid-template-columns:1fr 1fr}}@media (max-width: 580px){.skills-grid{grid-template-columns:1fr}}.projects-section{background:var(--bg);padding-top:64px;padding-bottom:140px;min-height:100vh;justify-content:flex-start}.projects-section .section-subtitle{margin-bottom:24px}.projects-showcase{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:flex-start}.projects-selector{display:flex;flex-direction:column;gap:8px;position:sticky;top:80px;align-self:flex-start}.selector-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative;overflow:hidden;transform:none!important}.selector-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--item-accent, var(--accent));opacity:0;transition:opacity .15s ease}.selector-item:hover{border-color:#00000024;background:var(--bg-alt);transform:none!important}.selector-item.selected{border-color:var(--item-accent, var(--accent));background:var(--surface);box-shadow:var(--shadow-md);transform:none!important}.selector-item.selected:before{opacity:1}.selector-emoji{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.selector-info{flex:1;min-width:0}.selector-category{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-title{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-arrow{color:var(--text-muted);transition:color .15s ease;flex-shrink:0}.selector-item.selected .selector-arrow,.selector-item:hover .selector-arrow{color:var(--item-accent, var(--accent));transform:none}.projects-spotlight{width:100%;min-height:560px}@keyframes spotlightFadeIn{0%{opacity:.7}to{opacity:1}}.spotlight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px -10px #00000012;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;min-height:560px}.spotlight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--accent)),transparent);opacity:.85}[data-theme=dark] .spotlight-card{background:#1f2937bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#ffffff1a;box-shadow:0 16px 36px -10px #0006}.spotlight-header{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:6px}.spotlight-top-line{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.spotlight-top-corner-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.spotlight-top-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:all .2s ease;border:1px solid var(--border)}.spotlight-top-btn.primary{color:#fff;border:none;box-shadow:0 2px 8px #0000001f}.spotlight-top-btn.outline{background:var(--surface);color:var(--text-primary)}.spotlight-top-btn.outline:hover{background:var(--accent-pale);border-color:var(--border-hover);color:var(--accent)}.spotlight-category{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--card-accent, var(--accent));margin-bottom:2px;transition:color var(--transition)}.spotlight-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-top:6px}.featured-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-pale);border:1px solid rgba(79,70,229,.2);padding:3px 9px;border-radius:var(--radius-full);margin-left:auto}.spotlight-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.spotlight-previews{display:flex;flex-direction:column;gap:8px;margin:2px 0}.previews-label{font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.previews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 640px){.previews-grid{grid-template-columns:1fr}}.preview-thumb-card{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:#090d16;cursor:pointer;aspect-ratio:16 / 9;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000014}.preview-thumb-card:hover{border-color:var(--card-accent, var(--accent));transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px -4px #6366f159}.preview-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.preview-thumb-card:hover .preview-thumb-img{transform:scale(1.04)}.preview-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 55%,transparent 100%);display:flex;align-items:flex-end;justify-content:flex-start;padding:10px 12px;gap:6px;color:#fff;font-size:.74rem;font-weight:600;opacity:.9;transition:opacity .2s ease}.preview-thumb-card:hover .preview-thumb-overlay{opacity:1}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#05080fe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-close{position:absolute;top:-44px;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.lightbox-img{max-width:100%;max-height:75vh;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0009;object-fit:contain}.lightbox-caption{font-size:.88rem;font-weight:500;color:#ffffffe6;text-align:center}.spotlight-highlights{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;transition:border-color .2s ease}.spotlight-card:hover .spotlight-highlights{border-color:#0000001a}[data-theme=dark] .spotlight-card:hover .spotlight-highlights{border-color:#ffffff1f}.highlights-title{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.highlights-list{list-style:none;display:flex;flex-direction:column;gap:6px}.highlights-list li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-primary);font-weight:500;padding:3px 6px;border-radius:6px;transition:background .2s ease,transform .2s ease}.highlights-list li:hover{background:#00000009;transform:translate(4px)}[data-theme=dark] .highlights-list li:hover{background:#ffffff0f}.spotlight-tags{display:flex;flex-wrap:wrap;gap:6px}.spotlight-tag{font-size:.74rem;font-weight:500;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:3px 10px;border-radius:var(--radius-full);transition:all .2s ease}.spotlight-tag:hover{color:var(--card-accent, var(--accent));border-color:var(--card-accent, var(--accent));transform:translateY(-1px)}.spotlight-footer{padding-top:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spotlight-btn{color:#fff;border:none;padding:10px 20px;font-size:.85rem;border-radius:var(--radius-full);box-shadow:0 4px 14px #0000001f;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.spotlight-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 6px 20px -4px var(--card-accent, var(--accent))}.spotlight-btn-outline{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border);padding:10px 20px;font-size:.85rem;border-radius:var(--radius-full);transition:all .2s ease}.spotlight-btn-outline:hover{border-color:var(--card-accent, var(--accent));color:var(--card-accent, var(--accent));background:var(--bg-alt);transform:translateY(-2px)}@media (max-width: 900px){.projects-showcase{grid-template-columns:1fr;gap:20px}}.contact-section{background:var(--bg)}.contact-container{width:100%;max-width:1040px;margin:0 auto}.contact-header{text-align:center;margin-bottom:40px}.contact-header .section-subtitle{margin:0 auto}.contact-title-accent,.contact-accent-text{color:var(--text-primary);transition:color var(--transition)}.contact-header:hover .contact-title-accent,.contact-header:hover .contact-accent-text,.contact-title-accent:hover,.contact-accent-text:hover{color:var(--accent)}.contact-card-wrap{position:relative;width:100%}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;box-shadow:0 4px 12px #0000000d,0 16px 40px #00000014;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:28px;transition:all var(--transition)}.contact-card:hover{border-color:#4f46e540;box-shadow:0 6px 16px #0000000f,0 20px 48px #4f46e51f}.contact-glow{display:none}.contact-form-box{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;display:flex;flex-direction:column;gap:16px;transition:all var(--transition)}.form-box-header{display:flex;align-items:center;gap:12px}.form-box-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-pale);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-box-title{font-size:.98rem;font-weight:700;color:var(--text-primary)}.form-box-subtitle{font-size:.78rem;color:var(--text-muted)}.contact-quick-form{display:flex;flex-direction:column;gap:12px}.form-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.form-row-dual{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.78rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.req-star{color:var(--accent)}.form-group input,.form-group textarea{font-family:var(--font-body);font-size:.86rem;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale)}.form-submit-btn{align-self:flex-start;margin-top:4px;padding:9px 20px;font-size:.85rem}.form-success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px;background:var(--surface);border-radius:var(--radius-md);border:1px dashed var(--accent)}.success-icon{color:#22c55e}.form-success-state h4{font-size:1.05rem;color:var(--text-primary);font-weight:700}.form-success-state p{font-size:.84rem;color:var(--text-secondary)}.success-reset-btn{margin-top:10px;font-size:.8rem;padding:6px 16px}.contact-status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:#22c55e14;border:1px solid rgba(34,197,94,.22);padding:6px 14px;border-radius:var(--radius-full)}.status-pulse-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e33;animation:pulse-green 2s ease infinite}.location-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--text-muted);background:var(--bg-alt);border:1px solid var(--border);padding:6px 14px;border-radius:var(--radius-full)}.contact-email-box{display:flex;align-items:center;gap:16px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 24px;transition:all var(--transition)}.contact-email-box:hover{border-color:#4f46e54d;background:#4f46e508}.email-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-alt);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.email-label{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.email-address{font-size:1.05rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-address:hover{color:var(--accent)}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition);flex-shrink:0}.copy-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-pale);transform:translateY(-1px)}.copy-btn.copied{background:#22c55e;color:#fff;border-color:#22c55e}.contact-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.action-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition)}.action-toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body);text-align:left;cursor:pointer;width:100%}.action-card:hover,.action-toggle-btn.active{border-color:var(--border-hover);background:var(--accent-pale);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.action-toggle-btn.active{border-color:var(--accent)}.action-primary{border-color:#4f46e540;background:#4f46e50a}.action-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--bg-alt);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-info{flex:1;display:flex;flex-direction:column;min-width:0}.action-title{font-size:.88rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-sub{font-size:.76rem;color:var(--text-muted)}.action-arrow{color:var(--text-muted);transition:transform var(--transition),color var(--transition);flex-shrink:0}.toggle-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease}.toggle-arrow.open{transform:rotate(180deg);color:var(--accent)}.action-card:hover .action-arrow:not(.toggle-arrow){color:var(--accent);transform:translate(2px,-2px)}.fade-in-fast{animation:fadeInFast .3s cubic-bezier(.4,0,.2,1) both}@keyframes fadeInFast{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contact-footer-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:var(--text-muted);text-align:center;padding-top:8px;border-top:1px solid var(--border)}.sparkle-icon{color:var(--accent)}@media (max-width: 768px){.contact-actions-grid{grid-template-columns:1fr}.contact-email-box{flex-direction:column;align-items:flex-start}.copy-btn{align-self:flex-start}}.resume-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1) both}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.resume-modal-card{width:100%;max-width:920px;height:88vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #00000059,0 4px 16px #0003;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .35s cubic-bezier(.34,1.4,.64,1) both}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.resume-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-alt);gap:16px;flex-wrap:wrap}.resume-modal-title{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;color:var(--text-primary)}.resume-icon{color:var(--accent)}.resume-modal-actions{display:flex;align-items:center;gap:10px}.resume-action-btn{padding:6px 14px;font-size:.8rem}.resume-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);margin-left:6px}.resume-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:rotate(90deg)}.resume-modal-body{flex:1;width:100%;height:100%;background:#323639;position:relative;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;justify-content:center;align-items:flex-start;-webkit-overflow-scrolling:touch}.resume-paper-wrap{width:100%;max-width:820px;background:#fff;border-radius:var(--radius-sm);box-shadow:0 10px 36px #00000073;overflow:hidden}.resume-page-img{width:100%;height:auto;display:block}[data-theme=dark] .resume-modal-card{background:#1e293b;border-color:#ffffff1f}[data-theme=dark] .resume-modal-header{background:#0f172a;border-bottom-color:#ffffff1a}@media (max-width: 640px){.resume-modal-overlay{padding:12px}.resume-modal-card{height:94vh}.resume-modal-header{padding:12px 16px}}.preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;background:#000000bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px;animation:previewFadeIn .3s ease both}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}.preview-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #0006,0 4px 16px #0003;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease,height .3s ease;animation:previewSlideUp .35s cubic-bezier(.34,1.4,.64,1) both}.preview-modal-card.viewport-desktop{width:92vw;max-width:1200px;height:88vh}.preview-modal-card.viewport-tablet{width:768px;max-width:90vw;height:85vh}.preview-modal-card.viewport-mobile{width:375px;max-width:90vw;height:80vh}@keyframes previewSlideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.browser-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:var(--bg-alt);border-bottom:1px solid var(--border)}.browser-traffic-lights{display:flex;align-items:center;gap:8px}.traffic-dot{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer}.close-dot{background:#ff5f56}.close-dot:hover{background:#e0443e}.minimize-dot{background:#ffbd2e}.expand-dot{background:#27c93f}.browser-url-bar{flex:1;max-width:480px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);padding:5px 12px;border-radius:var(--radius-full);font-size:.8rem;color:var(--text-secondary)}.url-lock{font-size:.75rem}.url-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body)}.url-refresh-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;transition:color var(--transition)}.url-refresh-btn:hover{color:var(--accent)}.browser-actions{display:flex;align-items:center;gap:12px}.viewport-switchers{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);padding:3px;border-radius:var(--radius-full)}.viewport-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.viewport-btn:hover{color:var(--text-primary)}.viewport-btn.active{background:var(--accent-pale);color:var(--accent)}.browser-external-link,.browser-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:all var(--transition)}.browser-external-link:hover,.browser-close-btn:hover{background:var(--accent-pale);color:var(--accent);border-color:#4f46e54d}.browser-body{flex:1;width:100%;height:100%;background:var(--surface);position:relative}.browser-iframe{width:100%;height:100%;border:none}[data-theme=dark] .browser-header{background:#0f172a;border-bottom-color:#ffffff1a}[data-theme=dark] .browser-url-bar{background:#1e293b;border-color:#ffffff1a}@media (max-width: 640px){.viewport-switchers{display:none}.browser-url-bar{max-width:180px}}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;background:#000000b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px;animation:shareFadeIn .3s ease both}@keyframes shareFadeIn{0%{opacity:0}to{opacity:1}}.share-modal-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #00000059,0 4px 16px #0003;display:flex;flex-direction:column;overflow:hidden;animation:shareSlideUp .35s cubic-bezier(.34,1.4,.64,1) both}@keyframes shareSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-alt)}.share-header-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--text-primary)}.share-icon{color:var(--accent)}.share-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.share-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.share-modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px}.qr-code-box{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.qr-img{width:170px;height:170px;border-radius:8px}.qr-note{font-size:.76rem;font-weight:600;color:#64748b}.share-copy-bar{width:100%;display:flex;align-items:center;gap:8px;background:var(--bg-alt);border:1px solid var(--border);padding:4px 6px 4px 14px;border-radius:var(--radius-full)}.share-input{flex:1;background:none;border:none;font-family:var(--font-body);font-size:.85rem;color:var(--text-primary);outline:none}.share-copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);color:#fff;border:none;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:var(--radius-full);display:flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition)}.share-copy-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.share-copy-btn.copied{background:#22c55e}.share-social-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;text-decoration:none;border:1px solid var(--border);background:var(--bg-alt);color:var(--text-primary);transition:all var(--transition)}.social-btn:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.recruiter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;background:#000000b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;animation:recruiterFade .3s ease both}@keyframes recruiterFade{0%{opacity:0}to{opacity:1}}.recruiter-card{width:100%;max-width:760px;max-height:90vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #0006,0 4px 16px #0003;display:flex;flex-direction:column;overflow:hidden;animation:recruiterSlideUp .35s cubic-bezier(.34,1.4,.64,1) both}@keyframes recruiterSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.recruiter-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-alt);border-bottom:1px solid var(--border)}.recruiter-header-badge{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:#a56a43}.zap-icon{color:#a56a43}.recruiter-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.recruiter-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.recruiter-body{padding:24px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}.candidate-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--border)}.candidate-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.candidate-title{font-size:.9rem;font-weight:600;color:#a56a43;margin-bottom:6px}.candidate-location{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.candidate-actions{display:flex;align-items:center;gap:10px}.candidate-actions .btn-primary{background:#a56a43;border-color:#a56a43;color:#fff}.candidate-actions .btn-primary:hover{background:#8f5937;border-color:#8f5937}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-outline.copied{background:#22c55e;color:#fff;border-color:#22c55e}.recruiter-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-box{background:#f2e6dc;border:1px solid rgba(165,106,67,.2);border-radius:var(--radius-md);padding:14px;text-align:center;display:flex;flex-direction:column;gap:2px}.metric-val{font-size:1.4rem;font-weight:800;color:#a56a43}.metric-val-sm{font-size:.9rem;font-weight:700;line-height:1.35;padding-top:2px}.metric-lbl{font-size:.75rem;font-weight:600;color:#8f5937}.recruiter-section{display:flex;flex-direction:column;gap:10px}.recruiter-section-title{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a56a43}.recruiter-edu-box{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;font-size:.88rem;color:var(--text-primary);display:flex;flex-direction:column;gap:8px}.recruiter-cw-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.recruiter-cw-pills span{font-size:.74rem;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:2px 8px;border-radius:var(--radius-full)}.recruiter-projects-list{display:flex;flex-direction:column;gap:8px}.recruiter-proj-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);gap:12px}.proj-item-name{font-size:.88rem;font-weight:700;color:var(--text-primary)}.proj-item-tech{font-size:.76rem;color:var(--text-muted);margin-top:2px}.proj-demo-link{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:#a56a43;text-decoration:none;background:#f2e6dc;border:1px solid rgba(165,106,67,.2);padding:4px 10px;border-radius:var(--radius-full);transition:all var(--transition)}.proj-demo-link:hover{transform:translate(2px);color:#fff;background:#a56a43}.recruiter-skills-flex{display:flex;flex-wrap:wrap;gap:6px}.recruiter-skill-tag{font-size:.76rem;font-weight:600;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:4px 10px;border-radius:var(--radius-full)}.recruiter-footer-links{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap}.recruiter-footer-links a{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.recruiter-footer-links a:hover{color:#a56a43}[data-theme=dark] .metric-box{background:#a56a4326;border-color:#a56a434d}[data-theme=dark] .metric-val{color:#c08457}[data-theme=dark] .metric-lbl{color:#e2b493}[data-theme=dark] .proj-demo-link{background:#a56a432e;color:#e2b493;border-color:#a56a434d}[data-theme=dark] .proj-demo-link:hover{background:#a56a43;color:#fff}@media (max-width: 640px){.recruiter-body{padding:18px}.recruiter-metrics-grid{grid-template-columns:1fr}.candidate-summary{flex-direction:column}}.app-shell{position:relative;width:100%;min-height:100vh}.sections-wrap{position:relative;width:100%}.section-panel{width:100%;animation-duration:.45s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.section-panel.panel-active{display:block;opacity:1;animation-name:panelEnter}.section-panel.panel-hidden{display:none}@keyframes panelEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.side-nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:150;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000014;transition:all .25s cubic-bezier(.16,1,.3,1)}.side-nav-left{left:24px}.side-nav-right{right:24px}.side-nav-arrow:hover{background:var(--accent-pale);border-color:var(--border-hover);color:var(--accent);transform:translateY(-50%) scale(1.1);box-shadow:0 8px 24px #0000001f}@media (max-width: 768px){.side-nav-arrow{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f0e8;--bg-alt: #ede9df;--surface: #faf8f4;--surface-glass: rgba(250, 248, 244, .82);--border: rgba(0, 0, 0, .07);--border-hover: rgba(79, 70, 229, .3);--accent: #4f46e5;--accent-light: #818cf8;--accent-pale: rgba(79, 70, 229, .08);--accent-glow: rgba(79, 70, 229, .18);--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #8888a8;--text-inverse: #ffffff;--bg-inverse: #1e293b;--nav-height: 64px;--font-body: "Inter", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--shadow-accent: 0 8px 32px rgba(79, 70, 229, .22);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 9999px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0b0f19;--bg-alt: #111827;--surface: #1f2937;--surface-glass: rgba(31, 41, 55, .85);--border: rgba(255, 255, 255, .08);--border-hover: rgba(56, 189, 248, .4);--accent: #38bdf8;--accent-light: #7dd3fc;--accent-pale: rgba(56, 189, 248, .12);--accent-glow: rgba(56, 189, 248, .25);--shadow-accent: 0 8px 32px rgba(56, 189, 248, .25);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-inverse: #0f172a;--bg-inverse: #f8fafc;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;zoom:.9}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}::selection{background:var(--accent-pale);color:var(--accent)}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.section{width:100%;padding:64px 0 120px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-alt);border:1px solid var(--border);padding:5px 14px;border-radius:var(--radius-full);margin-bottom:16px;transition:all var(--transition);cursor:default}.section-tag:hover{color:var(--accent);background:var(--accent-pale);border-color:#4f46e533}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:12px}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:540px;line-height:1.7}.fade-in{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:#3730a3;transform:translateY(-2px);box-shadow:0 12px 36px #4f46e559}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-pale);transform:translateY(-2px)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.45}