:root{--primary: #6366f1;--secondary: #a855f7;--bg-dark: #0f172a;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--error: #ef4444}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(168,85,247,.15) 0px,transparent 50%);min-height:100vh}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.container{max-width:1200px;margin:0 auto;padding:2rem}.btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;padding:.75rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn:hover{transform:translateY(-1px);opacity:.9}.input-field{background:#0003;border:1px solid var(--glass-border);padding:.75rem;border-radius:8px;color:#fff;width:100%;box-sizing:border-box;margin-bottom:1rem;outline:none}.input-field:focus{border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.status-card{padding:2rem;text-align:center;margin-top:2rem}.status-valid{color:var(--success);font-size:1.5rem;font-weight:700}.status-invalid{color:var(--error);font-size:1.5rem;font-weight:700}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid var(--glass-border)}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}