@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,700;12..96,800;12..96,900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg: #030510;--bg-2: #070817;--bg-card: #0c0d20;--bg-glass: rgba(12,13,32,.6);--cyan: #00e5ff;--violet: #8a2be2;--amber: #ffb800;--green: #00ff88;--grad: linear-gradient(135deg, #00d4ff 0%, #7928ca 100%);--grad-subtle: linear-gradient(135deg, rgba(0,212,255,.12) 0%, rgba(121,40,202,.12) 100%);--text-1: #f0f0f8;--text-2: #8888aa;--text-3: #44445a;--border: rgba(255,255,255,.07);--border-accent: rgba(0,212,255,.25);--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-full: 9999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg: #ffffff;--bg-2: #f7f7fa;--bg-card: #ffffff;--bg-glass: rgba(255,255,255,.7);--text-1: #111118;--text-2: #44445a;--text-3: #8888aa;--border: rgba(0,0,0,.1);--border-accent: rgba(0,212,255,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.display{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(5rem,12vw,10rem);font-weight:900;letter-spacing:-.04em;line-height:.88}.h1{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}.h2{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.1}.h3{font-size:1.15rem;font-weight:700}.body-lg{font-size:1.1rem;line-height:1.75}.body{font-size:.95rem;line-height:1.65}.sm{font-size:.85rem}.xs{font-size:.75rem}.label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wrap{max-width:1320px;margin:0 auto;padding:0 52px;width:100%}.section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;width:100%;min-height:100vh}.scene.flip{direction:rtl}.scene.flip>*{direction:ltr}.scene-content{padding:80px 52px;z-index:2}.scene-visual{position:relative;height:100vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.scene-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--r-full);font-size:.9rem;font-weight:600;transition:all .18s ease;cursor:pointer;position:relative}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 4px 24px #00d4ff2e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00d4ff52}.btn-ghost{background:transparent;color:var(--text-1);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-accent);background:rgba(0,212,255,.05);transform:translateY(-2px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);transition:all .15s}.icon-btn:hover{border-color:var(--border-accent);color:var(--cyan);transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .25s,box-shadow .25s}.card:hover{border-color:var(--border-accent);box-shadow:0 10px 40px #00000080}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r-lg)}.badge-avail{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--r-full);font-size:.78rem;font-weight:600;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.25);color:var(--green)}.dot-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}.chip{display:inline-flex;padding:5px 12px;border-radius:var(--r-full);font-size:.78rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);transition:all .15s}.chip:hover{border-color:var(--border-accent);color:var(--cyan)}.tag{display:inline-flex;padding:3px 9px;border-radius:var(--r-sm);font-size:.72rem;font-weight:500;background:rgba(0,212,255,.07);border:1px solid rgba(0,212,255,.18);color:var(--cyan)}.sec-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.sec-label:before{content:"";width:28px;height:2px;background:var(--cyan);border-radius:2px}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent)}.glow-cyan{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,212,255,.12) 0%,transparent 70%);width:600px;height:600px}.glow-violet{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(121,40,202,.1) 0%,transparent 70%);width:500px;height:500px}.noise:after{content:"";position:absolute;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;opacity:.4;z-index:1}@keyframes pulse{0%,to{box-shadow:0 0 #0f86}50%{box-shadow:0 0 0 6px #0f80}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.float{animation:float 5s ease-in-out infinite}::selection{background:rgba(0,212,255,.2);color:var(--text-1)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}.stat-card{padding:20px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);border-radius:99px 99px 0 0}.stat-value{font-family:Bricolage Grotesque,sans-serif;font-size:2.2rem;font-weight:900;line-height:1;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.72rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.section-layout{display:flex;flex-wrap:wrap;align-items:center;gap:40px;width:100%;position:relative}.section-layout.reverse{flex-wrap:wrap-reverse}.section-content{flex:1 1 500px;max-width:600px;z-index:10;position:relative}.section-avatar{flex:1 1 400px;height:60vh;min-height:450px;position:relative}.hero-avatar{flex:1 1 400px;height:100%;min-height:600px;position:relative;align-self:flex-end}.stats-bar{position:absolute;bottom:40px;left:0;right:0;z-index:20;padding:24px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;max-width:1200px}.nav-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:500}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--text-3);border:none;cursor:pointer;transition:all .3s;padding:0}.nav-dot.active{background:var(--cyan);box-shadow:0 0 8px #00d4ff80;transform:scale(1.6)}@media (max-width: 1024px){.scene{grid-template-columns:1fr}.scene.flip{direction:ltr}.scene-visual{height:60vw;min-height:320px}.scene-content{padding:60px 32px}.wrap{padding:0 28px}.display{font-size:clamp(3.5rem,10vw,6rem)}}.hero-mobile-only{display:none}.hero-desktop-only{display:flex}.contact-mobile-avatar{display:none}.contact-avatar-ring{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid transparent;background-image:var(--grad);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 32px #00d4ff33,0 0 0 4px var(--bg);position:relative}@media (max-width: 1024px){.hero-mobile-only{display:block}.hero-desktop-only,.desktop-only-avatar{display:none!important}.section-layout,.section-layout.reverse{flex-direction:column;flex-wrap:nowrap;gap:0;position:relative}.section-content{flex:none;width:100%;max-width:none;z-index:10;position:relative;padding:0}.section-content:before{display:none}.section-content{text-shadow:none}.hero-mobile-cover{position:relative;width:100%;height:55vh;min-height:320px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.hero-mobile-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-mobile-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,rgba(3,5,16,.4) 60%,var(--bg) 100%);pointer-events:none}[data-theme=light] .hero-mobile-cover-overlay{background:linear-gradient(to bottom,transparent 30%,rgba(255,255,255,.4) 60%,var(--bg) 100%)}#hero{padding-top:68px!important;min-height:auto}.contact-mobile-avatar{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:28px}.contact-avatar-ring{width:100px;height:100px}.stats-bar{display:none!important}.stats-grid{grid-template-columns:1fr 1fr}.nav-dots{display:none}.wrap{padding:0 16px}#contact form>div{grid-template-columns:1fr!important}.badge-avail{font-size:.72rem;padding:5px 12px}.sec-label{font-size:.68rem}.hero-mobile-avatar-section{position:relative;margin:0 -4px}.hero-mobile-avatar-wrap{position:relative;width:100%;height:66vw;min-height:280px;max-height:400px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:transparent}.hero-mobile-orb{position:absolute;width:55vw;height:55vw;max-width:280px;max-height:280px;border-radius:50%;background:radial-gradient(circle,rgba(121,40,202,.55) 0%,rgba(0,212,255,.2) 50%,transparent 75%);filter:blur(32px);top:0%;left:50%;transform:translate(-50%);pointer-events:none;z-index:0}.hero-mobile-orb-2{width:40vw;height:40vw;max-width:200px;max-height:200px;background:radial-gradient(circle,rgba(0,212,255,.35) 0%,transparent 70%);top:20%;left:52%;filter:blur(24px)}.hero-mobile-avatar-img{width:78%;height:100%;object-fit:contain;object-position:center bottom;display:block;position:relative;z-index:2;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.hero-mobile-avatar-fade{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,transparent 0%,var(--bg) 100%);pointer-events:none;z-index:3}[data-theme=light] .hero-mobile-avatar-fade{background:linear-gradient(to bottom,transparent 0%,var(--bg) 100%)}.hero-mobile-content{padding:0 20px;position:relative;z-index:5;margin-top:20px}.hero-mobile-btn{width:100%!important;justify-content:center!important;padding:13px 24px!important;font-size:.9rem!important;font-weight:700!important}}.section-divider-mobile{display:none}@media (max-width: 1024px){#about,#skills,#projects,#experience,#contact{min-height:auto!important;padding:24px 0!important}.section-divider-mobile{display:block;width:100%;background:var(--bg-2);margin:0;overflow:hidden;position:relative}.section-divider-inner{display:flex;align-items:center;gap:12px;padding:0 16px}.section-divider-line{flex:1;height:1px;min-width:0}.section-divider-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid;background:rgba(10,10,28,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;flex-shrink:0}.section-divider-dots{width:100%;height:10px;background-size:18px 18px;opacity:.15;margin:4px 0 0}}