:root{--verde-50: #f0fdf4;--verde-100: #dcfce7;--verde-200: #bbf7d0;--verde-300: #86efac;--verde-400: #4ade80;--verde-500: #22c55e;--verde-600: #16a34a;--verde-700: #15803d;--verde-800: #166534;--verde-900: #14532d;--emerald: #10b981;--emerald-light: #34d399;--emerald-dark: #059669;--emerald-glow: rgba(16, 185, 129, .15);--bg-sidebar: #ffffff;--bg-sidebar-hover: rgba(0,0,0,.03);--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-topbar: rgba(255,255,255,.72);--bg-border: #e2e8f0;--bg-void: #f8fafc;--bg-deep: #f1f5f9;--nav-bg: rgba(255, 255, 255, .85);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-dim: #cbd5e1;--text-inverse: #ffffff;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px 0 rgba(0,0,0,.04);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.06), 0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg: 0 12px 32px -8px rgba(0,0,0,.08), 0 4px 12px -2px rgba(0,0,0,.03);--shadow-xl: 0 24px 60px -12px rgba(0,0,0,.12);--shadow-glow: 0 0 24px rgba(16,185,129,.12);--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-bounce: .35s cubic-bezier(.34, 1.56, .64, 1)}body.dark-mode{--bg-main: #080b12;--bg-card: #0e1525;--bg-topbar: rgba(8,11,18,.82);--bg-sidebar: #04060c;--bg-sidebar-hover: rgba(255,255,255,.04);--bg-border: rgba(255,255,255,.07);--bg-void: #050810;--bg-deep: #080b12;--nav-bg: rgba(8, 11, 18, .85);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #334155;--shadow-sm: 0 1px 3px 0 rgba(0,0,0,.4);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px -8px rgba(0,0,0,.6);--shadow-xl: 0 24px 60px -12px rgba(0,0,0,.7);--shadow-glow: 0 0 24px rgba(16,185,129,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--emerald)}::selection{background:var(--emerald-glow);color:var(--emerald-light)}:focus-visible{outline:2px solid var(--emerald);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 10px #10b98100}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spinner{width:20px;height:20px;border:2px solid var(--bg-border);border-top-color:var(--emerald);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.pwd-toggle{cursor:pointer;transition:color var(--transition-fast)}.pwd-toggle:hover{color:var(--emerald)}.animate-on-scroll{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}.animate-on-scroll:nth-child(1){transition-delay:0s}.animate-on-scroll:nth-child(2){transition-delay:.1s}.animate-on-scroll:nth-child(3){transition-delay:.2s}.animate-on-scroll:nth-child(4){transition-delay:.3s}.animate-on-scroll:nth-child(5){transition-delay:.4s}.feature-card,.standout-item,.tech-card,.outlook-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease!important}.feature-card:hover,.standout-item:hover,.tech-card:hover,.outlook-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 48px -12px #10b98133!important}app-root{display:block;min-height:100vh}