@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--color-bg-primary:#080000;--color-bg-secondary:#140000;--color-bg-tertiary:#1f0000;--color-bg-elevated:#2e0000;--color-bg-card:#ffffff08;--color-bg-card-hover:#ffffff0f;--color-bg-input:#ffffff05;--color-accent-primary:#ff2a2a;--color-accent-primary-hover:#ff4d4d;--color-accent-secondary:#ff6b6b;--color-accent-secondary-hover:#ff8e8e;--color-accent-gradient:linear-gradient(135deg, #ff2a2a 0%, #ff6b6b 100%);--color-accent-gradient-hover:linear-gradient(135deg, #ff4d4d 0%, #ff8e8e 100%);--color-accent-glow:#ff2a2a99;--color-success:#2eaaa3;--color-success-bg:#2eaaa31a;--color-warning:#eab308;--color-warning-bg:#eab3081a;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-text-primary:#ededed;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-inverse:#fff;--color-text-link:#ededed;--color-text-link-hover:#fff;--color-border-subtle:#ffffff14;--color-border-default:#ffffff1f;--color-border-strong:#fff3;--color-border-accent:#ffffff4d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:none;--shadow-glow-lg:none;--shadow-glow-blue:none;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:50;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1440px;--sidebar-width:260px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-link-hover)}img,video,svg{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}::selection{color:var(--color-text-primary);background:#a78bfa4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.text-gradient{color:var(--color-text-primary)}.text-mono{font-family:var(--font-mono)}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:#19192899}.glass-strong{-webkit-backdrop-filter:blur(30px);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:#191928d9}.glass-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-default);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);transition:all var(--transition-base);white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent-primary);color:var(--color-text-inverse);box-shadow:0 4px 14px 0 var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2a2acc}.btn-primary:before{background:0 0}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-strong);background:#ffffff0d}.btn-secondary:hover{border-color:var(--color-border-accent);background:#ffffff1a}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-accent-primary);background:#a78bfa26;border:1px solid #a78bfa40}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #34d39940}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fbbf2440}.badge-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #f8717140}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #60a5fa40}.skill-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--color-accent-secondary);transition:all var(--transition-fast);background:#38bdf81a;border:1px solid #38bdf833;font-weight:500;display:inline-flex}.skill-tag:hover{background:#38bdf833;border-color:#38bdf866}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md)}.card-interactive:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.bg-orb{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.bg-orb-violet{background:radial-gradient(circle,#ff2a2a59,#0000 70%)}.bg-orb-blue{background:radial-gradient(circle,#ff6b6b4d,#0000 70%)}.bg-orb-green{background:radial-gradient(circle,#34d3994d,#0000 70%)}.avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border-default);flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:44px;height:44px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.avatar-ring{background:var(--color-accent-gradient);border-radius:var(--radius-full);padding:3px}.container{width:100%;max-width:var(--max-width-xl);padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:var(--max-width-lg)}.container-wide{max-width:var(--max-width-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.relative{position:relative}.overflow-hidden{overflow:hidden}.section{padding:var(--space-24) 0;position:relative}.section-lg{padding:var(--space-32) 0}.divider{background:var(--color-border-subtle);height:1px;margin:var(--space-6) 0;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(10px,-20px)scale(1.05)}50%{transform:translate(-5px,10px)scale(.95)}75%{transform:translate(15px,5px)scale(1.02)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a78bfa33}50%{box-shadow:0 0 40px #a78bfa66}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in-down{animation:.6s ease-out forwards fadeInDown}.animate-slide-left{animation:.5s ease-out forwards slideInLeft}.animate-slide-right{animation:.5s ease-out forwards slideInRight}.animate-scale-in{animation:.4s ease-out forwards scaleIn}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-shimmer{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-elevated) 50%, var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.animate-gradient{background-size:200% 200%;animation:6s infinite gradient-shift}.animate-bounce{animation:2s ease-in-out infinite bounce-subtle}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.will-animate{opacity:0}.skeleton{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-elevated) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:var(--space-2)}.skeleton-heading{width:60%;height:24px;margin-bottom:var(--space-4)}.skeleton-avatar{border-radius:var(--radius-full);width:44px;height:44px}.skeleton-card{width:100%;height:200px}.toast{bottom:var(--space-6);right:var(--space-6);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);z-index:var(--z-toast);box-shadow:var(--shadow-xl);max-width:400px;animation:.4s ease-out fadeInUp;position:fixed}.toast-success{background:#064e3bf2;border:1px solid #34d3994d}.toast-error{background:#7f1d1df2;border:1px solid #f871714d}.toast-info{background:#1e3a8af2;border:1px solid #60a5fa4d}.overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-overlay);background:#0009;animation:.2s ease-out fadeIn;position:fixed;inset:0}.modal{z-index:var(--z-modal);max-height:90vh;animation:.3s ease-out scaleIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide);font-weight:600}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.form-error{font-size:var(--text-xs);color:var(--color-error)}.checkbox-wrapper{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--color-accent-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.score-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring-value{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:800;position:absolute}.tooltip-wrapper{position:relative}.tooltip{padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1}.site-header{gap:var(--space-4);-webkit-backdrop-filter:blur(16px);background:#080000b8}.site-nav{flex-wrap:wrap;justify-content:flex-end;min-width:0}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-4)}.section{padding:var(--space-8) 0}.section-lg{padding:var(--space-12) 0}:root{--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:2.5rem;--text-7xl:3rem;--space-16:3rem;--space-20:4rem;--space-24:5rem;--space-32:6rem}.btn,input,textarea,select{min-height:44px}}@media (max-width:480px){:root{--text-3xl:1.5rem;--text-4xl:1.75rem;--text-5xl:2rem;--text-6xl:2.25rem;--text-7xl:2.5rem}.card,.glass-card{padding:var(--space-4)!important}.btn{width:100%}.btn-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}.mobile-nav-toggle{color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}@media (max-width:768px){.mobile-nav-toggle{display:block}.site-nav-desktop{display:none!important}.site-nav-mobile{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4);gap:var(--space-4);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.site-nav-mobile a,.site-nav-mobile button{justify-content:flex-start;width:100%}}@media (min-width:768px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media print{body{color:#000;background:#fff}.glass,.glass-strong,.glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ddd}.bg-orb{display:none}}