:root{--bg: #05070a;--acc-g: #10b981;--acc-b: #3b82f6;--txt: #f8fafc;--txt-s: #94a3b8;--glass: rgba(15, 20, 28, .7);--border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}h1,h2,h3{font-family:Outfit,sans-serif}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:1.5rem;transition:.3s}.glass-card:hover{border-color:var(--acc-g);transform:translateY(-3px)}.hero-gradient{position:absolute;top:-50px;right:-50px;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);z-index:-1}.btn-premium{background:linear-gradient(135deg,#064e3b,#065f46);padding:.7rem 1.5rem;border-radius:10px;border:none;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #10b98133}.btn-premium:hover{transform:scale(1.02);filter:brightness(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .5s ease-out forwards}