/* ========================= CLEAN 3D HOLO CARD ========================= */
.card { position: relative; padding: 2rem; border-radius: 18px; background: rgba(15,20,40,.55); border: 1px solid rgba(120,160,255,.25); backdrop-filter: blur(14px) saturate(160%); box-shadow: 0 8px 25px rgba(0,0,0,.35), 0 0 18px rgba(120,160,255,.25); animation: holoFloat 7s ease-in-out infinite; }

@keyframes holoFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }

.card h1 { font-size: 2rem; margin-bottom: 1rem; background: linear-gradient(90deg,#7ab0ff,#c28aff); -webkit-background-clip: text; color: transparent; text-shadow: 0 0 10px rgba(120,160,255,.5); }

.card form { display: flex; flex-direction: column; gap: 1.2rem; }

.card label { font-weight: 600; color: rgba(230,230,255,.9); }

.card input[type="text"], .card input[type="email"], .card textarea { width: 100%; padding: .8rem 1rem; font-size: .95rem; border-radius: 12px; color: rgba(255,255,255,.95); background: rgba(20,25,45,.65); border: 1px solid rgba(120,160,255,.35); box-shadow: inset 0 0 8px rgba(120,160,255,.15); transition: all .25s ease; }

.card input:focus, .card textarea:focus { border-color: rgba(160,200,255,.9); box-shadow: 0 0 12px rgba(160,200,255,.6); outline: none; }

.card textarea { resize: vertical; min-height: 120px; }

.card button[type="submit"] { padding: .8rem 1.5rem; font-size: 1rem; font-weight: 600; border-radius: 12px; cursor: pointer; color: #fff; background: linear-gradient(90deg,#3a3a80,#1a1a40); border: 2px solid rgba(120,160,255,.5); box-shadow: 0 0 12px rgba(120,160,255,.4); transition: all .25s ease; }
.card button[type="submit"]:hover { background: linear-gradient(90deg,#6aa0ff,#3a3a80); box-shadow: 0 0 20px rgba(120,160,255,.8); transform: translateY(-2px); }

.card p { padding: .5rem 1rem; border-radius: 10px; font-weight: 600; }
.card p.success { background: rgba(50,180,50,.35); color: rgba(180,255,180,1); }
.card p.error { background: rgba(180,50,50,.35); color: rgba(255,180,180,1); }

@media (max-width: 768px) { .card { padding: 1.5rem; } .card button[type="submit"] { width: 100%; text-align: center; } }
@media (max-width: 480px) { .card h1 { font-size: 1.6rem; text-align: center; } .card p { font-size: .95rem; text-align: center; } }