:root{--bg: #0a0a14;--bg-card: #14142299;--primary: #7b2ff7;--accent: #f107a3;--text: #f2f2f7;--muted: #9a9ab0;--radius: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,sans-serif;background-image:radial-gradient(circle at 20% 0%,#7b2ff722 0%,transparent 40%),radial-gradient(circle at 80% 100%,#f107a31c 0%,transparent 40%);background-attachment:fixed}h1,h2,h3{font-family:Montserrat,sans-serif}a{color:var(--accent);text-decoration:none}img{max-width:100%}.container{max-width:1100px;margin:0 auto;padding:0 20px}.section{padding:56px 0}.section-title{font-size:2rem;margin-bottom:8px}.section-sub{color:var(--muted);margin-top:0}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:var(--radius);overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.btn{display:inline-block;padding:12px 28px;border:none;border-radius:999px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;color:#fff;background:linear-gradient(90deg,var(--primary),var(--accent));transition:opacity .2s,transform .1s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:2px solid var(--primary)}input,textarea,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff0d;color:var(--text);font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);border-color:transparent}label{display:block;margin:14px 0 6px;color:var(--muted);font-size:.9rem}.placeholder-img{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:1.1rem;color:#ffffffb0;text-align:center;padding:12px;background:linear-gradient(135deg,#2b1055,#7b2ff7 60%,#f107a3)}.badge{display:inline-block;background:#ffffff18;border-radius:999px;padding:4px 12px;font-size:.8rem;color:var(--muted)}.error{color:#ff6b6b}.success-msg{color:#51e898}