@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";: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:#0f172a;--bg-surface:#111827;--text-main:#eef2ff;--text-muted:#b8c0d4;--border:#24314a;--card-bg:#182235;--chip-bg:#1e293b;--chip-border:#324765;--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);border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:1200px;margin:0 auto;transition:background .3s,border-color .3s}@media (width<=768px){#root{border-left:none;border-right:none;max-width:100%}}.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}}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:12px}}.skills-section{padding-bottom:52px}.skills-marquee-outer{background:#0d0d0d;border-radius:14px;padding:22px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.skills-marquee-outer:hover .skills-marquee-track{animation-play-state:paused}.skills-marquee-track{gap:0;width:max-content;animation:28s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-skill{white-space:nowrap;color:#ffffffa6;border-right:1px solid #ffffff14;align-items:center;gap:10px;padding:0 36px;transition:color .2s;display:inline-flex}.marquee-skill:hover{color:#fffffff2}@media (width<=768px){.marquee-skill{gap:8px;padding:0 24px}.marquee-icon{font-size:20px}.marquee-label{font-size:12px}}.marquee-icon{flex-shrink:0;align-items:center;font-size:28px;display:inline-flex}.marquee-label{letter-spacing:.02em;font-size:14px;font-weight:500}.project-card,.experience-list article{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.project-card{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.project-card h4{margin:0 0 10px}.project-card p{color:var(--text-muted);margin:0;line-height:1.55}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0f172a14}@media (width<=768px){.project-card,.experience-list article{padding:16px}.project-card h4{font-size:16px}.project-card p{font-size:13px}}.project-image{object-fit:cover;border:1px solid var(--chip-border);border-radius:10px;width:100%;height:160px;margin-bottom:12px}.project-card small{color:var(--text-muted);margin-top:10px;display:block}.notice{text-align:center;color:#a04d00;margin-bottom:22px}.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}}