@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap";:root{color:#111;--bg-page:#f0f2f5;--bg-surface:#fff;--text-main:#111;--text-muted:#5f5f5f;--border:#eaeaea;--card-bg:#fff;--chip-bg:#f9f9f9;--chip-border:#e3e3e3;--accent:#04030f;--accent-text:#fff;--gold-border:#e8a951;background:#f0f2f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--bg-page:#08050f;--bg-surface:#0c0817;--text-main:#f3f0ff;--text-muted:#a89fc2;--border:#211a35;--card-bg:#120d1f;--chip-bg:#150f24;--chip-border:#2a2140;--accent:#1d4ed8;--accent-text:#f8fbff;--gold-border:#f4b860}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-main);margin:0;transition:background .3s,color .3s}#root{background:var(--bg-surface);width:100%;transition:background .3s}.page{width:100%}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}.topbar nav{gap:24px;display:flex}.topbar a,.brand{color:var(--text-main);font-size:14px;text-decoration:none}@media (width<=768px){.topbar{height:60px;padding:0 16px}.topbar nav{gap:16px}.topbar a,.brand{font-size:12px}}.theme-toggle{border:1px solid var(--gold-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex;box-shadow:0 10px 20px #1118271f}.theme-chip{cursor:pointer;color:#1f2937;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.theme-chip:hover{transform:translateY(-1px)}.theme-chip-light{background:linear-gradient(135deg,#fff,#f8df8f);box-shadow:inset 0 0 12px #ffffffd9,0 8px 14px #e3af3b38}.theme-chip-dark{color:#dbeafe;background:linear-gradient(135deg,#1f2937,#123f87);box-shadow:inset 0 0 12px #38bdf82e,0 8px 14px #2563eb40}.theme-chip.active{border-color:var(--gold-border);box-shadow:0 0 0 3px #f59e0b33,0 8px 18px #11182733}.hero-section{grid-template-columns:1fr 1fr;gap:24px;padding:48px 70px 36px;display:grid}.hero-copy h1{letter-spacing:-1px;margin:0 0 16px;font-size:48px;font-weight:800;line-height:1.1}.hero-copy h2{color:var(--text-muted);margin:0 0 10px;font-weight:500}.hero-copy p{color:var(--text-muted);max-width:540px;line-height:1.6}@media (width<=1024px){.hero-section{grid-template-columns:1fr;gap:32px;padding:32px 48px 24px}.hero-copy h1{font-size:36px}}@media (width<=768px){.hero-section{gap:24px;padding:24px 16px 20px}.hero-copy h1{font-size:28px}.hero-copy h2{font-size:14px}.hero-copy p{max-width:100%;font-size:14px}}.hero-cta{gap:12px;margin:22px 0;display:flex}.primary-btn,.ghost-btn{cursor:pointer;border:1px solid #d6d6d6;border-radius:9px;justify-content:center;align-items:center;padding:12px 24px;text-decoration:none;display:inline-flex}@media (width<=768px){.hero-cta{flex-wrap:wrap;gap:10px}.primary-btn,.ghost-btn{padding:10px 18px;font-size:13px}}@media (width<=480px){.hero-cta{flex-direction:column}.primary-btn,.ghost-btn{width:100%}}.primary-btn{background:var(--accent);color:var(--accent-text)}.ghost-btn{background:var(--chip-bg);color:var(--text-main);border-color:var(--chip-border)}.socials{gap:10px;display:flex}.socials a{color:var(--text-main);border:1px solid var(--chip-border);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}@media (width<=768px){.socials{flex-wrap:wrap;gap:8px}.socials a{padding:6px 10px;font-size:11px}}.hero-media{place-items:center;display:grid;position:relative}.profile-circle{aspect-ratio:1;object-fit:cover;background:#ccc;border:4px solid #fff;border-radius:50%;width:360px;box-shadow:0 12px 30px #0000001f}@media (width<=1024px){.profile-circle{width:280px}}@media (width<=768px){.profile-circle{border:3px solid #fff;width:200px}}.status-pill{background:var(--card-bg);border-radius:12px;padding:12px 18px;font-size:14px;position:absolute;bottom:22px;right:30px;box-shadow:0 8px 20px #0000001f}@media (width<=768px){.status-pill{padding:8px 12px;font-size:12px;bottom:12px;right:15px}}.stats{border-bottom:1px solid var(--border);gap:60px;padding:18px 70px 50px;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{font-size:42px}.stats span{color:var(--text-muted)}@media (width<=1024px){.stats{gap:40px;padding:18px 48px 50px}}@media (width<=768px){.stats{flex-wrap:wrap;gap:24px;padding:18px 16px 40px}.stats strong{font-size:32px}.stats span{font-size:12px}}.section{border-bottom:1px solid var(--border);padding:68px 70px}.section h3{text-align:center;letter-spacing:-.5px;margin:0 0 12px;font-size:36px;font-weight:700}.section-subtitle{text-align:center;color:var(--text-muted);max-width:760px;margin:0 auto 30px}@media (width<=1024px){.section{padding:48px}.section h3{font-size:28px}}@media (width<=768px){.section{padding:32px 16px}.section h3{font-size:22px}.section-subtitle{max-width:100%;font-size:14px}}.skills-section{border-bottom:none;padding-bottom:52px}.experience-list article{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}@media (width<=768px){.experience-list article{padding:16px}}.experience-list{gap:16px;display:grid}.contact-horizontal{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:60px;padding:60px 70px;display:grid}.contact-info-col h3{text-align:left;letter-spacing:-1px;margin:0 0 20px;font-size:48px;line-height:1.05}.contact-info-col p{text-align:left;color:var(--text-muted);max-width:440px;margin:0 0 32px;font-size:18px;line-height:1.5}.contact-socials-minimal{flex-direction:column;gap:16px;display:flex}.contact-socials-minimal a{color:var(--text-main);align-items:center;gap:12px;width:fit-content;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.contact-socials-minimal a:hover{color:var(--accent);transform:translate(5px)}.contact-socials-minimal span{opacity:.8;font-weight:500}.contact-form-col{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 15px 30px #0000000a}.horizontal-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:16px}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:12px 16px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #00000008}.input-wrapper select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px}.textarea-wrapper textarea{resize:vertical;min-height:100px}.submit-btn-horizontal{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.submit-btn-horizontal:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 16px #00000014}footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:60px 20px 40px}.footer-content{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-brand{color:var(--text-main);letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:700}.footer-tagline{color:var(--text-muted);margin-bottom:30px;font-size:15px}.footer-socials{gap:20px;margin-bottom:40px;display:flex}.footer-socials a{color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-socials a:hover{color:var(--accent);transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--border);width:100%;color:var(--text-muted);padding-top:30px;font-size:13px}@media (width<=980px){.hero-section{text-align:center;grid-template-columns:1fr;gap:40px}.hero-copy{flex-direction:column;align-items:center;display:flex}.hero-cta,.socials{justify-content:center}.stats{flex-direction:column;align-items:center;gap:30px}.contact-horizontal{grid-template-columns:1fr;gap:40px;padding:60px 28px}.contact-info-col h3{font-size:42px}.contact-info-col p{font-size:18px}}@media (width<=640px){.topbar{padding:0 14px}.topbar nav{display:none}.theme-toggle{margin-left:auto}.hero-section,.section,.stats{padding:40px 18px}.hero-copy h1{font-size:36px}.contact-horizontal{padding:40px 18px}.projects-grid{grid-template-columns:1fr}.profile-circle{width:260px}.hero-cta{flex-direction:column;align-items:stretch;width:100%}.hero-cta a{width:100%}}:root{--accent:#38bdf8;--accent-dim:#38bdf82e;--accent-glow:#38bdf859;--bg:#020817;--card-bg:#080f20b8;--border:#ffffff14;--border-hover:#38bdf880;--text:#e2e8f0;--muted:#64748b;--green:#22c55e;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius-card:20px;--radius-pill:999px}.cin-bars{z-index:15;pointer-events:none;position:fixed;inset:0}.cin-bars:before,.cin-bars:after{content:"";background:#000;height:48px;position:fixed;left:0;right:0}.cin-bars:before{top:0}.cin-bars:after{bottom:0}.cin-vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 38%,#00000073 75%,#000000d1 100%);position:fixed;inset:0}.cin-scanlines{z-index:6;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000006 3px 6px);position:fixed;inset:0}.cin-warpflash{z-index:600;pointer-events:none;background:radial-gradient(#fffffff2 0%,#38bdf88c 40%,#38bdf81a 70%,#0000 100%);animation:2.1s ease-out forwards cin-warp;position:fixed;inset:0}@keyframes cin-warp{0%{opacity:0}8%{opacity:1}35%{opacity:.45}70%{opacity:.12}to{opacity:0}}.cin-hud{z-index:40;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:5px;transition:opacity 1.4s;display:flex;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.cin-hud-visible{opacity:1}.cin-hud-line{font-family:var(--font-display);letter-spacing:5px;color:#fff6;font-size:10px;font-weight:700;animation:3.5s ease-in-out infinite cin-hud-pulse}.cin-hud-sub{letter-spacing:3px;color:var(--accent);opacity:.45;text-transform:uppercase;font-size:9px}@keyframes cin-hud-pulse{0%,to{opacity:.25}50%{opacity:.75}}.wormhole-header{transition:opacity .7s}.wormhole-header.wh-hidden{opacity:0;pointer-events:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wormhole-root{z-index:1000;background:var(--bg);width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.wormhole-bg{z-index:0;position:absolute;inset:0}.wormhole-header{z-index:50;justify-content:space-between;align-items:center;padding:28px 48px;display:flex;position:absolute;top:0;left:0;right:0}@media (width<=768px){.wormhole-header{padding:16px 20px}}.brand{font-family:var(--font-display);letter-spacing:3px;color:#fff;font-size:22px;font-weight:800}.brand em{color:var(--accent);font-style:normal}.exit-btn{border-radius:var(--radius-pill);border:1.5px solid var(--accent);background:var(--accent-dim);color:var(--accent);letter-spacing:.5px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:12px 28px;font-size:14px;font-weight:700;transition:background .25s,box-shadow .25s,color .25s;display:flex}.exit-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 28px var(--accent-glow)}@media (width<=768px){.exit-btn{padding:10px 18px;font-size:12px}.tour-rocket{font-size:14px}}@media (width<=480px){.exit-btn{padding:8px 14px;font-size:11px}.tour-rocket{font-size:12px}}.tour-rocket{font-size:16px}@keyframes pulse-border{0%,to{box-shadow:0 0 8px #38bdf833}50%{box-shadow:0 0 22px #38bdf880}}.header-right{align-items:center;gap:12px;display:flex}.skip-btn{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);letter-spacing:1px;cursor:pointer;background:#ffffff0f;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.skip-btn:hover{color:#fff;border-color:#fff3}@media (width<=768px){.skip-btn{padding:8px 16px;font-size:11px}}@media (width<=480px){.skip-btn{padding:6px 12px;font-size:10px}}.close-btn{border:1px solid var(--border);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:all .2s;display:flex}.close-btn:hover{background:#ffffff24}@media (width<=480px){.close-btn{width:36px;height:36px;font-size:14px}}.landing-view{z-index:100;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}@media (width<=768px){.landing-view{padding:20px}}.landing-content{flex-direction:column;align-items:center;gap:16px;display:flex}.landing-name{font-family:var(--font-display);letter-spacing:-2px;color:#fff;text-transform:uppercase;font-size:clamp(60px,12vw,140px);font-weight:900;line-height:.9}@media (width<=480px){.landing-name{font-size:clamp(40px,10vw,70px)}}.landing-role{color:var(--muted);letter-spacing:4px;text-transform:uppercase;margin-bottom:32px;font-size:clamp(14px,2vw,20px)}.launch-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:40px;align-items:center;gap:12px;padding:20px 40px;font-size:16px;font-weight:700;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 0 40px #fff3}.launch-btn:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 10px 50px #fff6}@media (width<=768px){.launch-btn{padding:14px 28px;font-size:14px}}@media (width<=480px){.launch-btn{gap:8px;padding:12px 20px;font-size:12px}}.landing-footer{position:absolute;bottom:60px}.landing-socials{gap:32px;display:flex}.landing-socials a{color:var(--muted);font-size:20px;transition:color .3s,transform .3s}.landing-socials a:hover{color:#fff;transform:translateY(-3px)}@media (width<=768px){.landing-socials{gap:20px}.landing-socials a{font-size:16px}}@media (width<=480px){.landing-socials{gap:16px}.landing-socials a{font-size:14px}}.floating-node-capsule{-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);cursor:pointer;-webkit-user-select:none;user-select:none;background:#080f2066;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;min-width:240px;padding:0;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.node-project-card{flex-direction:column;width:100%;display:flex}.node-project-img{background:50%/cover no-repeat;border-bottom:1px solid #ffffff1a;width:100%;height:140px}.node-project-info{text-align:left;padding:20px}.node-project-info h4{font-family:var(--font-display);color:#fff;text-transform:capitalize;margin-bottom:4px;font-size:16px;font-weight:700}.node-project-info p{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.floating-node-capsule:hover{border-color:var(--accent);background:#38bdf81a;transform:translateY(-5px)scale(1.05);box-shadow:0 30px 60px #38bdf84d}.node-label{letter-spacing:2px;color:var(--accent);z-index:10;font-size:8px;font-weight:900;position:absolute;top:12px;right:16px}.node-glow{background:linear-gradient(45deg, var(--accent), transparent, var(--accent));opacity:0;z-index:-1;filter:blur(20px);border-radius:24px;transition:opacity .4s;position:absolute;inset:-1px}.floating-node-capsule:hover .node-glow{opacity:.7;animation:4s linear infinite rotateGlow}.dashboard-v2{display:none}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 4px 40px #0006, 0 0 0 0 var(--accent-glow);flex-direction:column;gap:14px;padding:28px 32px;transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:radial-gradient(at 20% 20%,#38bdf80f 0%,#0000 60%);position:absolute;inset:0}.card:hover{border-color:var(--border-hover);box-shadow:0 12px 50px #00000080, 0 0 30px var(--accent-glow);transform:translateY(-6px)}.card-hero{animation:7s ease-in-out infinite cardFloat}.card-skills{animation:8.5s ease-in-out .8s infinite cardFloat}.card-projects{animation:6.5s ease-in-out .4s infinite cardFloat}.card-contact{animation:9s ease-in-out 1.2s infinite cardFloat}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card:hover{animation:none}.card-badge{letter-spacing:2px;color:var(--accent);opacity:.6;font-size:9px;font-weight:700;position:absolute;top:18px;right:20px}.card h4{font-family:var(--font-display);letter-spacing:1px;color:var(--accent);font-size:16px;font-weight:700}.card-hint{letter-spacing:1.5px;color:var(--muted);opacity:.5;margin-top:auto;font-size:11px}.hero-card-inner{align-items:center;gap:18px;display:flex}.avatar-wrap{flex-shrink:0;position:relative}.avatar-wrap img{border:2px solid var(--accent);object-fit:cover;border-radius:16px;width:68px;height:68px}.green-dot{background:var(--green);border:2.5px solid var(--bg);border-radius:50%;width:13px;height:13px;animation:2s ease-in-out infinite ping;position:absolute;bottom:-3px;right:-3px}@keyframes ping{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.name{font-family:var(--font-display);margin-bottom:4px;font-size:18px;font-weight:700}.role{color:var(--muted);font-size:13px}.online{color:var(--green);margin-top:5px;font-size:11px}.skills-mini{flex-direction:column;gap:8px;display:flex}.skill-row-mini{align-items:center;gap:10px;display:flex}.cat-label{letter-spacing:1px;color:var(--muted);flex-shrink:0;min-width:72px;font-size:10px}.pills-mini{flex-wrap:wrap;gap:5px;display:flex}.pill-mini{border-radius:var(--radius-pill);color:var(--text);background:#38bdf814;border:1px solid #38bdf833;padding:2px 9px;font-size:10px}.proj-mini-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.proj-mini{flex-direction:column;gap:5px;display:flex}.proj-mini-img{border:1px solid var(--border);background:#ffffff0d 50%/cover no-repeat;border-radius:10px;width:100%;height:60px}.proj-mini span{color:var(--muted);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.contact-icons{color:var(--accent);gap:18px;font-size:26px;display:flex}.contact-tagline{color:var(--muted);font-size:13px;line-height:1.5}.modal{z-index:200;-webkit-backdrop-filter:blur(48px)saturate(1.6);backdrop-filter:blur(48px)saturate(1.6);background:#020817d1;flex-direction:column;animation:.45s cubic-bezier(.23,1,.32,1) forwards modalIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-topbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:20px 32px;display:flex}.modal-project-title{text-align:center;font-family:var(--font-display);text-transform:capitalize;letter-spacing:-.5px;color:#fff;flex:1;font-size:clamp(18px,2.5vw,32px);font-weight:800}.modal-topbar-spacer{flex-shrink:0;width:48px}.modal-back-btn{border:1.5px solid var(--accent);background:var(--accent-dim);width:48px;height:48px;color:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .25s;display:flex}.modal-back-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 24px var(--accent-glow);transform:translate(-2px)}.modal-viewport{flex:1;grid-template-columns:1fr 1fr;gap:40px;min-height:0;padding:32px 56px 40px;display:grid}.modal-cover{border:1px solid var(--border);background:50%/cover no-repeat;border-radius:20px;width:100%;height:100%;min-height:0;box-shadow:0 24px 60px #00000080}.modal-details{flex-direction:column;justify-content:center;gap:28px;display:flex}.proj-desc-long{color:var(--muted);font-size:clamp(14px,1.4vw,18px);line-height:1.8}.proj-stats-mini{gap:32px;display:flex}.p-stat{flex-direction:column;gap:4px;display:flex}.p-stat strong{font-family:var(--font-display);color:#fff;font-size:clamp(20px,2vw,28px)}.p-stat span{text-transform:uppercase;color:var(--accent);letter-spacing:1px;font-size:11px;font-weight:700}.proj-cta-btn{background:var(--accent);color:#000;border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:10px;width:fit-content;padding:16px 32px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.proj-cta-btn:hover{box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-3px)}@media (width<=768px){.modal-viewport{grid-template-columns:1fr;gap:20px;padding:20px 24px 32px;overflow-y:auto}.modal-cover{height:220px}.modal-topbar{padding:16px 20px}}.section-hero{flex-direction:column;gap:28px;display:flex}.hero-top{align-items:center;gap:36px;display:flex}.hero-avatar{border:3px solid var(--accent);object-fit:cover;width:160px;height:160px;box-shadow:0 0 40px var(--accent-glow);border-radius:32px;flex-shrink:0}.section-hero h1{font-family:var(--font-display);letter-spacing:-1px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1}.section-hero h2{font-family:var(--font-body);color:var(--muted);margin-top:8px;font-size:18px;font-weight:400}.status-green{color:var(--green);margin-top:10px;font-size:13px}.bio{color:var(--muted);max-width:680px;font-size:17px;line-height:1.7}.stats-row{gap:48px;display:flex}.stat-box strong{font-family:var(--font-display);font-size:40px;font-weight:800;display:block}.stat-box span{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:11px}.hero-socials{gap:14px;display:flex}.hero-socials a{border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0a;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.hero-socials a:hover{border-color:var(--accent);color:var(--accent)}.section-skills{flex-direction:column;gap:32px;display:flex}.section-skills h1{font-family:var(--font-display);font-size:clamp(30px,4vw,52px);font-weight:800}.skills-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.skill-cat{border:1px solid var(--border);background:#ffffff05;border-radius:16px;padding:24px 28px;transition:border-color .25s}.skill-cat:hover{border-color:var(--border-hover)}.skill-cat h4{font-family:var(--font-display);letter-spacing:2px;color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:700}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--accent-dim);border-radius:var(--radius-pill);color:var(--text);border:1px solid #38bdf840;padding:6px 14px;font-size:13px}.ai-badge{border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent);border:1px solid #38bdf84d;align-items:center;gap:10px;width:fit-content;padding:14px 24px;font-size:14px;font-weight:600;display:inline-flex}.section-projects{flex-direction:column;gap:28px;display:flex}.section-projects h1{font-family:var(--font-display);font-size:clamp(30px,4vw,52px);font-weight:800}.projects-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.proj-card{border:1px solid var(--border);cursor:pointer;background:#0000004d;border-radius:18px;transition:all .3s;overflow:hidden}.proj-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.proj-img{border-bottom:1px solid var(--border);background:#ffffff0a 50%/cover no-repeat;width:100%;height:170px}.proj-info{padding:20px 24px}.proj-info h4{font-family:var(--font-display);text-transform:capitalize;margin-bottom:6px;font-size:16px;font-weight:700}.proj-info p{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.5}.proj-cta{color:var(--accent);letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.section-contact{flex-direction:column;gap:24px;display:flex}.section-contact h1{font-family:var(--font-display);font-size:clamp(30px,4vw,52px);font-weight:800}.contact-sub{color:var(--muted);font-size:16px}.contact-form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);color:#fff;font-family:var(--font-body);resize:vertical;background:#ffffff0a;border-radius:14px;outline:none;padding:16px 20px;font-size:14px;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted)}.send-btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.send-btn:hover{box-shadow:0 0 24px var(--accent-glow)}.form-success{text-align:center;color:var(--green);background:#22c55e0d;border:1px solid #22c55e4d;border-radius:14px;padding:30px;font-size:16px}.contact-links{gap:14px;display:flex}.contact-links a{border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0a;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.contact-links a:hover{border-color:var(--accent);color:var(--accent)}.tour-nav{flex-shrink:0;justify-content:center;align-items:center;gap:40px;padding:20px 64px 32px;display:flex}.dots{gap:10px;display:flex}.dot{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .25s}.dot-active{background:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(1.35)}.next-btn{border-radius:var(--radius-pill);background:var(--accent);color:#000;cursor:pointer;box-shadow:0 0 20px var(--accent-glow);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.next-btn:hover{transform:translate(3px)}.next-btn.finish{background:var(--green);box-shadow:0 0 20px #22c55e66}.toast{z-index:9999;color:#000;border-radius:var(--radius-pill);background:#fff;padding:14px 36px;font-size:14px;font-weight:700;animation:2.5s forwards toastAnim;position:fixed;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000080}@keyframes toastAnim{0%{opacity:0;transform:translate(-50%,30px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media (width<=1200px){.dashboard-v2{gap:40px;padding:120px 40px 40px}.modal-body{padding:110px 32px 40px}}@media (width<=992px){.dashboard-v2{grid-template-columns:1fr;height:auto;padding-top:100px;overflow-y:auto}.side-hero{order:-1}.hero-floating-card{padding:32px}.hero-name-big{font-size:32px}.quick-contact-card{margin-left:0}}@media (width<=640px){.dashboard-v2{padding:100px 20px 40px}.hero-card-header{flex-direction:column;align-items:flex-start;gap:16px}.hero-stats-grid{grid-template-columns:1fr}.project-hover-item{padding:16px}}@media (width<=900px){.dashboard{grid-template-columns:1fr;gap:14px;padding:90px 20px 30px}.modal-body{padding:90px 24px 16px}.tour-nav{padding:14px 24px 24px}.header{padding:20px 24px}.projects-grid,.skills-grid,.form-row{grid-template-columns:1fr}.hero-top{text-align:center;flex-direction:column}.stats-row{gap:28px}.hero-socials,.contact-links{flex-wrap:wrap}}.skills-orbit{aspect-ratio:1;background:radial-gradient(42% 34% at 50% 60%,#8b5cf64d,#0000 60%);width:100%;max-width:680px;max-height:620px;margin:0 auto;position:relative}.skills-orbit-lines{width:100%;height:100%;position:absolute;inset:0}.skills-orbit-line{stroke:#c4a1ff47;stroke-width:.18px;opacity:0;animation:.8s forwards orbit-line-in,4s ease-in-out infinite orbit-line-pulse}@keyframes orbit-line-in{0%{opacity:0}to{opacity:1}}@keyframes orbit-line-pulse{0%,to{stroke-opacity:.2}50%{stroke-opacity:.45}}.orbit-fan-icon{opacity:0;width:clamp(26px,3.4vw,38px);height:clamp(26px,3.4vw,38px);animation:.6s forwards orbit-fan-in,5s ease-in-out infinite orbit-float;animation-delay:inherit;cursor:default;background:#ffffff09;border:1px solid #c4a1ff24;border-radius:10px;justify-content:center;align-items:center;font-size:clamp(12px,1.7vw,17px);display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #8b5cf614}.orbit-fan-icon svg{opacity:.72;filter:saturate(.7)}.orbit-fan-icon:hover{background:#ffffff0f;border-color:#c4a1ff66}.orbit-fan-icon:hover svg{opacity:1;filter:none}@keyframes orbit-fan-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes orbit-float{0%,to{margin-top:0}50%{margin-top:-5px}}.orbit-ring{pointer-events:none;border:1px solid #c4a1ff1a;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.orbit-ring-icon{background:#0d071499;border:1px solid #c4a1ff47;border-radius:50%;justify-content:center;align-items:center;width:clamp(16px,2vw,22px);height:clamp(16px,2vw,22px);font-size:clamp(9px,1.1vw,11px);display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.orbit-ring-icon svg{opacity:.85}.orbit-core{place-items:center;width:clamp(72px,9vw,104px);height:clamp(72px,9vw,104px);display:grid;position:absolute;transform:translate(-50%,-50%)}.orbit-core-glow{background:radial-gradient(circle,#e9dcfff2 0%,#a878ffb3 26%,#8b5cf652 46%,#0000 66%);border-radius:50%;animation:3.2s ease-in-out infinite orbit-core-pulse;position:absolute;inset:0}@keyframes orbit-core-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.orbit-core-mark{z-index:1;letter-spacing:.12em;color:#0000;-webkit-text-stroke:1.3px #fff;font-family:Inter,sans-serif;font-size:clamp(18px,2.1vw,24px);font-weight:300;position:relative}@media (width<=768px){.skills-orbit{aspect-ratio:4/5}}.stack-intro,.stack-outro{text-align:center;color:#f3f0ff;background:#08050f;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:90px 20px;display:flex}.stack-intro h3{margin:4px 0;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,44px)}.stack-intro p{color:#f3f0ff99;margin:0 0 18px}.stack-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#c4a1ffd9;font-size:12px;font-weight:700}.stack-scroll-cue{color:#f3f0ff8c;flex-direction:column;align-items:center;gap:6px;font-size:13px;animation:1.8s ease-in-out infinite stack-bounce;display:flex}@keyframes stack-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.stack-outro{gap:16px}.stack-outro p{color:#f3f0ffd9;margin:0;font-size:20px}.stack-outro a{color:#f3f0ff;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;padding:12px 26px;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex}.stack-outro a:hover{border-color:#fff9;transform:translateY(-2px)}.stack-outro a:focus-visible{outline-offset:3px;outline:2px solid #fff}.stack-track{background:#08050f;position:relative}.stack-card{align-items:center;height:100vh;min-height:560px;padding:24px 70px;display:flex;position:sticky;top:0}.stack-card-surface{border:1px solid #ffffff0f;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000073}.stack-card-grain{opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.stack-card-label{z-index:2;background:linear-gradient(#00000038,#0000);border-bottom:1px solid #ffffff0f;align-items:center;height:64px;padding:0 clamp(24px,5vw,72px);display:flex;position:absolute;top:0;left:0;right:0}.stack-card-inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;height:100%;padding:0 clamp(24px,5vw,72px);display:grid;position:relative}.stack-card-copy{color:#f3f0ff}.stack-card-copy h4{margin:10px 0 14px;font-family:Playfair Display,serif;font-size:clamp(24px,3vw,38px);line-height:1.15}.stack-card-copy p{color:#f3f0ffb3;max-width:460px;margin:0 0 20px;line-height:1.6}.stack-card-stats{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.stack-card-stats li{color:#f3f0ffd9;align-items:center;gap:10px;font-size:14px;display:flex}.stack-card-cta{background:var(--stack-accent,#fff);color:#08050f;border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.stack-card-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}.stack-card-cta:focus-visible{outline-offset:3px;outline:2px solid #fff}.stack-card-device{justify-content:center;align-items:center;display:flex}.stack-card-media{object-fit:cover;background:#000;border-radius:16px;width:min(420px,100%);max-height:min(72vh,640px);box-shadow:0 25px 60px #00000080}@media (width<=900px){.stack-card-media{max-height:50vh}}.phone-emulator{aspect-ratio:720/1560;background:linear-gradient(155deg,#1c1c1f 0%,#0a0a0c 100%);border-radius:54px;width:min(260px,68%);padding:14px;position:relative;box-shadow:0 25px 60px #0000008c,inset 0 0 0 1px #ffffff14}.phone-emulator-screen{background:#000;border-radius:40px;width:100%;height:100%;position:relative;overflow:hidden}.phone-emulator-media{object-fit:cover;width:100%;height:100%;display:block}.phone-emulator-notch{z-index:3;background:#050506;border-radius:999px;width:32%;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-emulator-home-indicator{z-index:3;background:#fffc;border-radius:999px;width:34%;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phone-emulator-button{background:#16161a;border:1px solid #ffffff0f;position:absolute}.phone-emulator-button--mute{border-radius:2px 0 0 2px;width:3px;height:22px;top:78px;left:-2px}.phone-emulator-button--vol-up{border-radius:2px 0 0 2px;width:3px;height:40px;top:116px;left:-2px}.phone-emulator-button--vol-down{border-radius:2px 0 0 2px;width:3px;height:40px;top:164px;left:-2px}.phone-emulator-button--power{border-radius:0 2px 2px 0;width:3px;height:56px;top:130px;right:-2px}@media (width<=900px){.phone-emulator{border-radius:42px;width:min(210px,62%);padding:11px}.phone-emulator-screen{border-radius:31px}.phone-emulator-notch{width:30%;height:18px}.phone-emulator-button--mute{height:18px;top:62px}.phone-emulator-button--vol-up{height:32px;top:92px}.phone-emulator-button--vol-down{height:32px;top:130px}.phone-emulator-button--power{height:44px;top:104px}}.stack-card-logo-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:min(320px,100%);padding:48px;display:flex;box-shadow:0 25px 60px #00000059}.stack-card-logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:140px}.device-screen-ui{flex-direction:column;gap:10px;height:100%;padding:14px;display:flex}.device-screen-bar{align-items:center;gap:8px;display:flex}.device-screen-bar>span:first-child{border-radius:50%;flex-shrink:0;width:10px;height:10px}.device-screen-bar-track{background:#ffffff14;border-radius:999px;flex:1;height:8px}.device-screen-hero{border:1px solid;border-radius:12px;flex:1}.device-screen-grid{grid-template-columns:repeat(3,1fr);gap:8px;height:60px;display:grid}.device-screen-grid div{border-radius:8px}.device-phone{background:#0c0c10;border:3px solid #ffffff1a;border-radius:34px;width:clamp(170px,20vw,220px);height:clamp(340px,42vw,440px);position:relative;overflow:hidden;box-shadow:0 20px 45px #00000080}.device-phone-notch{z-index:2;background:#0c0c10;border-radius:999px;width:46%;height:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (width<=900px){.stack-card{height:100dvh;padding:16px 20px}.stack-card-label{height:56px;padding:0 20px}.stack-card-inner{-webkit-overflow-scrolling:touch;grid-template-columns:1fr;align-content:start;gap:20px;height:100%;padding:72px 24px 24px;overflow-y:auto}.stack-card-copy p{max-width:100%}.stack-card-device{order:-1;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.stack-card{height:auto;min-height:0;padding:16px 70px;position:relative;top:auto!important}.stack-card-label{display:none}.stack-scroll-cue{animation:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.stack-card-surface{animation:linear both stack-recede;animation-timeline:view();animation-range:cover 35%}@keyframes stack-recede{to{filter:brightness(.6);transform:scale(.94)}}}}