*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background:linear-gradient(180deg,#1a2232,#0a111c);color:#ffffff}a{color:inherit;text-decoration:none}.card{background:rgba(26,34,50,.9);border:8px solid #c0c6ce;border-radius:16px;box-shadow:inset 0 2px 4px rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.3),0 8px 32px rgba(0,0,0,.4);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:inset 0 2px 4px rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.3),0 12px 40px rgba(0,0,0,.5)}.btn-primary{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#ffffff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(20,184,166,.3)}.btn-primary:hover{background:linear-gradient(135deg,#2dd4bf,#14b8a6);box-shadow:0 6px 16px rgba(20,184,166,.4);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#ffffff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(139,92,246,.3)}.btn-secondary:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 6px 16px rgba(139,92,246,.4);transform:translateY(-2px)}.badge-coming-soon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#d1d5db;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}