:root{--brand-accent: #10B981;--brand-accent-rgb: 16, 185, 129;--brand-glow: rgba(16, 185, 129, .4);--bg-body: #0B0F19;--bg-surface: #111827;--bg-surface-hover: #1F2937;--bg-surface-active: #374151;--text-main: #F9FAFB;--text-muted: #9CA3AF;--text-inverse: #0B0F19;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px -5px var(--brand-glow);--ease-out: cubic-bezier(.215, .61, .355, 1)}html{scroll-behavior:smooth}body{background-color:var(--bg-body);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background-color:var(--brand-accent);color:var(--text-inverse)}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;font-weight:600;border-radius:var(--radius-md);transition:all .3s var(--ease-out);position:relative;overflow:hidden;cursor:pointer;letter-spacing:.025em;border:1px solid transparent}.btn-primary{background-color:var(--brand-accent);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px -5px var(--brand-glow);background-color:#059669}.btn-outline{background-color:transparent;border-color:#10b98166;color:var(--brand-accent)}.btn-outline:hover{background-color:#10b9811a;border-color:var(--brand-accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost{background-color:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--brand-accent);background-color:#ffffff08}.card{background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:2rem;transition:all .4s var(--ease-out);position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:#10b9814d;box-shadow:var(--shadow-lg),0 0 20px #10b9811a}.chip{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;color:var(--brand-accent);border:1px solid rgba(16,185,129,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-link{color:var(--text-muted);transition:color .3s ease;font-size:.95rem;font-weight:500;position:relative}.nav--active{color:var(--brand-accent)!important}.nav--active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--brand-accent);box-shadow:0 0 8px var(--brand-accent)}.input-dark{background-color:var(--bg-body);border:1px solid rgba(255,255,255,.1);color:var(--text-main);border-radius:var(--radius-md);padding:.75rem 1rem;width:100%;transition:all .2s ease}.input-dark:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 2px #10b98133}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at center top,rgba(16,185,129,.08),transparent 60%)}.section-animate{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);will-change:opacity,transform}.section-animate.is-visible{opacity:1;transform:translateY(0)}.ripple-effect{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:float 6s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-accent)}
