@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{--bg-base: #0a0b0d;--bg-veil: rgba(10, 11, 13, .72);--bg-veil-strong: rgba(8, 9, 11, .86);--glass: rgba(18, 20, 26, .55);--glass-strong: rgba(12, 14, 18, .72);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .18);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--text-primary: #f2f3f5;--text-secondary: #9a9ca3;--text-dim: #6b6d74;--accent-blue: #646cff;--accent-magenta: #ce3ef8;--accent-gradient: linear-gradient(120deg, #646cff 0%, #9d5cff 50%, #ce3ef8 100%);--accent-gradient-soft: linear-gradient(120deg, rgba(100, 108, 255, .18), rgba(206, 62, 248, .18));--glow-blue: 0 0 24px rgba(100, 108, 255, .35);--glow-magenta: 0 0 24px rgba(206, 62, 248, .3);--glow-card: 0 0 0 1px rgba(255, 255, 255, .04), 0 20px 50px -20px rgba(100, 108, 255, .35), 0 10px 40px -20px rgba(206, 62, 248, .3);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--radius: 14px;--radius-lg: 20px;--radius-pill: 999px;--transition: all .35s cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;min-height:100vh;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.section{min-height:100vh;padding:7rem 0;position:relative;z-index:1;display:flex;align-items:center}.about-section,.experience-section,.portfolio-section,.contact-section{background:var(--bg-veil)}.about-section,.portfolio-section{background:var(--bg-veil-strong)}.mono{font-family:var(--font-mono)}.mono-eyebrow{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:1rem;display:inline-block}.mono-eyebrow:before{content:"// ";color:var(--accent-magenta)}.section-head{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.05}.section-title .accent{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--glass-highlight)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition);position:relative;min-width:150px;font-family:var(--font-body)}.btn-primary{background:var(--accent-gradient);color:#0a0b0d;font-weight:700}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--glow-blue),var(--glow-magenta)}.btn-secondary{background:var(--glass);color:var(--text-primary);border:1px solid var(--glass-border-hover);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover{transform:translateY(-3px);border-color:var(--accent-blue);box-shadow:var(--glow-blue)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0b0d8c;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--glass-border)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.logo h2{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.logo h2:before{content:"> ";color:var(--accent-blue)}.nav{display:flex;gap:.25rem;align-items:center}.nav-item{background:none;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;font-weight:500;cursor:pointer;padding:.6rem 1rem;border-radius:var(--radius);transition:var(--transition);position:relative}.nav-item:hover,.nav-item.active{color:var(--text-primary)}.nav-item.active:after{content:"";position:absolute;bottom:.2rem;left:1rem;right:1rem;height:2px;background:var(--accent-gradient);border-radius:2px;box-shadow:var(--glow-blue)}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:5px}.menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:var(--transition);border-radius:1px}.home-section{overflow:hidden;position:relative}.home-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(8,9,11,.82) 0%,rgba(8,9,11,.55) 38%,rgba(8,9,11,.15) 62%,transparent 82%)}.hero-content{max-width:760px;position:relative;z-index:2}.hero-title{font-size:clamp(2.75rem,8vw,5rem);font-weight:900;line-height:1.02;letter-spacing:-.04em;margin-bottom:1.5rem}.highlight{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(1rem,2.4vw,1.35rem);color:var(--text-primary);margin-bottom:1.75rem;font-weight:500}.hero-subtitle:before{content:"$ ";color:var(--accent-magenta)}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.75;max-width:620px}.hero-buttons{display:flex;gap:1.25rem;flex-wrap:wrap}.scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);z-index:2;animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(8px);opacity:1}}.about-intro{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;max-width:760px;margin:0 auto 3.5rem;text-align:center}.about-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:4.5rem}.bento-tile{padding:1.75rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--glass-highlight);transition:var(--transition)}.bento-tile:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:var(--glow-card)}.skill-tile{grid-column:span 2}.bento-tile h4{font-family:var(--font-mono);color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:1rem;letter-spacing:.02em}.bento-tile h4:before{content:"# ";color:var(--accent-blue)}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);background:#646cff14;border:1px solid rgba(100,108,255,.18);padding:.25rem .7rem;border-radius:var(--radius-pill);transition:var(--transition)}.tech-tag:hover{color:var(--text-primary);border-color:var(--accent-blue);box-shadow:var(--glow-blue)}.stat-card{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;padding:1.75rem;background:var(--accent-gradient-soft);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:var(--transition)}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--glow-card);border-color:var(--glass-border-hover)}.stat-card .stat-label{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary)}.stat-card .stat-num{font-size:2.75rem;font-weight:900;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subsection{margin-top:4.5rem}.section-subtitle{font-family:var(--font-mono);color:var(--text-primary);font-size:1.15rem;font-weight:600;margin-bottom:2rem;text-align:center;letter-spacing:.02em}.section-subtitle:before{content:"## ";color:var(--accent-magenta)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}.info-card{position:relative;padding:1.75rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--glass-highlight);transition:var(--transition);overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:.6;transition:var(--transition)}.info-card:hover{transform:translateY(-8px);border-color:var(--glass-border-hover);box-shadow:var(--glow-card)}.info-card:hover:before{opacity:1;box-shadow:var(--glow-blue)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-kind{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:var(--accent-blue);text-transform:uppercase}.pill{font-family:var(--font-mono);font-size:.72rem;padding:.25rem .7rem;border-radius:var(--radius-pill);font-weight:500}.pill-granted{color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.3)}.pill-pending{color:#e6c94b;background:#e6c94b1f;border:1px solid rgba(230,201,75,.3)}.info-card h4{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.info-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.65;margin-bottom:1.1rem}.card-meta{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);margin-bottom:1.1rem;display:block}.card-link{font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-decoration:none;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:var(--transition)}.card-link:hover{opacity:.75}.xp{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem}.xp-company{position:relative;padding:2rem 2rem 2rem 2.25rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--glass-highlight);transition:var(--transition);overflow:hidden}.xp-company:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--accent-gradient);box-shadow:var(--glow-blue)}.xp-company:hover{border-color:var(--glass-border-hover);box-shadow:var(--glow-card)}.xp-company-head{display:flex;align-items:center;gap:1rem;padding-bottom:1.4rem;margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.xp-logo{flex-shrink:0;width:52px;height:52px;border-radius:14px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:#0a0b0d;box-shadow:var(--glow-blue)}.xp-company h3{font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.xp-company h3 a{color:inherit;text-decoration:none;transition:var(--transition)}.xp-company h3 a:hover{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.xp-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.xp-roles{position:relative;padding-left:1.5rem}.xp-roles:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--accent-blue),rgba(206,62,248,.2))}.xp-role{position:relative;padding-bottom:1.75rem}.xp-role:last-child{padding-bottom:0}.xp-role:before{content:"";position:absolute;left:-1.5rem;top:7px;width:9px;height:9px;border-radius:50%;background:var(--accent-magenta);box-shadow:var(--glow-magenta)}.xp-role-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem}.xp-role-head h4{font-size:1.08rem;font-weight:700;color:var(--text-primary)}.xp-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);background:#646cff1a;padding:.2rem .6rem;border-radius:var(--radius-pill);border:1px solid rgba(100,108,255,.2)}.xp-badge{font-family:var(--font-mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0a0b0d;background:var(--accent-gradient);padding:.2rem .55rem;border-radius:var(--radius-pill)}.xp-role>p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin-bottom:.75rem}.xp-points{list-style:none;margin:0 0 .9rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.xp-points li{position:relative;padding-left:1.25rem;color:var(--text-secondary);font-size:.88rem;line-height:1.55}.xp-points li:before{content:"▹";position:absolute;left:0;color:var(--accent-blue);font-family:var(--font-mono)}.xp-tags{display:flex;flex-wrap:wrap;gap:.5rem}.company-link{color:var(--accent-blue);text-decoration:none;transition:var(--transition)}.company-link:hover{color:var(--accent-magenta)}.skill-tag{font-family:var(--font-mono);background:#ce3ef814;color:var(--text-secondary);padding:.25rem .7rem;border-radius:var(--radius-pill);font-size:.75rem;border:1px solid rgba(206,62,248,.2);transition:var(--transition)}.skill-tag:hover{color:var(--text-primary);border-color:var(--accent-magenta);box-shadow:var(--glow-magenta)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem}.portfolio-link{text-decoration:none;color:inherit}.portfolio-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transition:var(--transition);height:100%}.portfolio-item:hover{transform:translateY(-10px);border-color:var(--glass-border-hover);box-shadow:var(--glow-card)}.portfolio-image{height:200px;position:relative;overflow:hidden}.portfolio-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,11,13,.6),transparent 60%)}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.06)}.portfolio-content{padding:1.75rem}.portfolio-content h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.7rem;font-weight:700}.portfolio-content p{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.6;font-size:.92rem}.portfolio-tech{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-tech span{font-family:var(--font-mono);background:#646cff14;color:var(--text-secondary);padding:.25rem .7rem;border-radius:var(--radius-pill);font-size:.75rem;border:1px solid rgba(100,108,255,.18);transition:var(--transition)}.portfolio-tech span:hover{color:var(--text-primary);border-color:var(--accent-blue)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.contact-panel{padding:2.25rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--glass-highlight)}.contact-panel h3{color:var(--text-primary);font-size:1.75rem;margin-bottom:1rem;font-weight:700}.contact-panel>p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;line-height:1.7}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{padding:1.1rem 1.25rem;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius);transition:var(--transition)}.contact-method:hover{border-color:var(--accent-blue);transform:translate(6px);box-shadow:var(--glow-blue)}.contact-method h4{font-family:var(--font-mono);color:var(--accent-blue);margin-bottom:.3rem;font-weight:500;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.contact-method p{color:var(--text-primary);font-size:1rem;margin:0}.social-buttons{display:flex;flex-direction:column;gap:.9rem}.social-btn{display:flex;align-items:center;gap:1.25rem;padding:1.1rem 1.5rem;text-decoration:none;color:var(--text-primary);background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius);transition:var(--transition);font-size:1rem;font-weight:600}.social-btn:hover{transform:translateY(-3px)}.social-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-icon svg{width:100%;height:100%}.instagram-btn:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743,#cc2366 75%,#bc1888);border-color:#e6683c;color:#fff}.discord-btn:hover{background:#5865f2;border-color:#5865f2;color:#fff}.telegram-btn:hover{background:#08c;border-color:#08c;color:#fff}.linkedin-btn:hover{background:#0077b5;border-color:#0077b5;color:#fff}.footer{padding:2.5rem 0;text-align:center;border-top:1px solid var(--glass-border);background:var(--bg-veil-strong);position:relative;z-index:1}.footer p{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr}.skill-tile{grid-column:span 2}}@media (max-width: 768px){.section{padding:5rem 0;min-height:auto}.nav{display:none;position:fixed;top:68px;left:0;right:0;background:#0a0b0deb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:1.5rem;border-top:1px solid var(--glass-border);gap:.25rem}.nav-open{display:flex}.nav-item{width:100%;text-align:center;padding:1rem}.menu-toggle{display:flex}.hero-buttons{width:100%}.about-bento{grid-template-columns:1fr}.skill-tile,.stat-card{grid-column:span 1}.xp-company{padding:1.5rem 1.25rem 1.5rem 1.5rem}.xp-company-head{gap:.75rem}.xp-logo{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.container{padding:0 1rem}.hero-buttons{flex-direction:column}.btn{width:100%;max-width:320px}.contact-panel{padding:1.5rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-blue),var(--accent-magenta));border-radius:5px}::selection{background:#9d5cff66;color:#fff}:root{--primary-dark: #0a0b0d;--secondary-dark: #12141a;--text-gray: #9a9ca3;--text-white: #f2f3f5;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-white);background-color:var(--primary-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--primary-dark)}#root{width:100%;margin:0}