@import "https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700&display=swap";:root{--primary-white:#fff;--primary-violet:#8b5cf6;--violet-glow:#8b5cf666;--metallic-gradient:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 50%, #d1d5db 100%);--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--matte-bg:#f9fafb;--text-dark:#1f2937;--text-light:#6b7280}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--matte-bg);color:var(--text-dark);min-height:100vh;font-family:Barlow,sans-serif;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f268712}.metallic{background:var(--metallic-gradient);border:1px solid #ffffff80;box-shadow:inset 0 1px 1px #fffc,0 4px 6px #0000000d}.violet-glow{box-shadow:0 0 20px var(--violet-glow)}button{cursor:pointer;border:none;border-radius:12px;font-family:inherit;transition:all .3s}button:active{transform:scale(.98)}.primary-btn{background:var(--primary-violet);color:#fff;padding:12px 24px;font-weight:600}.primary-btn:hover{box-shadow:0 0 15px var(--violet-glow);background:#7c3aed}.secondary-btn{border:1px solid var(--primary-violet);color:var(--primary-violet);background:#fff;padding:12px 24px}.secondary-btn:hover{background:#8b5cf60d}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{gap:24px;display:grid}.hero{text-align:center;background:radial-gradient(circle at top right, var(--violet-glow), transparent 40%), radial-gradient(circle at bottom left, #ffffff80, transparent 40%);padding:100px 0}.hero h1{background:linear-gradient(to right, #1f2937, var(--primary-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:4rem;font-weight:700}.hero p{color:var(--text-light);max-width:600px;margin:0 auto 40px;font-size:1.2rem}