@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--bg-base:#060814;--bg-card:rgba(15,18,36,.7);--bg-input:rgba(10,12,26,.9);--border:hsla(0,0%,100%,.05);--border-hover:hsla(0,0%,100%,.12);--border-focus:#6366f1;--accent-primary:#6366f1;--accent-secondary:#06b6d4;--accent:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);--green:#10b981;--green-glow:rgba(16,185,129,.15);--orange:#f59e0b;--orange-glow:rgba(245,158,11,.15);--red:#ef4444;--red-glow:rgba(239,68,68,.15);--blue:#3b82f6;--text-main:#f8fafc;--text-sub:#94a3b8;--text-dim:#475569;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-sm:0 4px 12px rgba(0,0,0,.3);--shadow-md:0 12px 24px -10px rgba(0,0,0,.5);--shadow-lg:0 25px 50px -12px rgba(0,0,0,.7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,Sarabun,sans-serif;background-color:var(--bg-base);background-image:radial-gradient(at 50% 0,rgba(99,102,241,.12) 0,transparent 50%),radial-gradient(at 0 100%,rgba(6,182,212,.08) 0,transparent 50%),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-attachment:fixed;color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}.container{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.glass-card{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-md);transition:border-color .3s,box-shadow .3s}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-sub);margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;width:18px;height:18px;color:var(--text-sub);transition:color .3s;pointer-events:none}.form-control{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:14px 18px;color:var(--text-main);font-size:.95rem;font-family:inherit;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-control::-moz-placeholder{color:var(--text-dim)}.form-control::placeholder{color:var(--text-dim)}.form-control:focus{border-color:var(--border-focus);background:#0a0c1afa;box-shadow:0 0 0 4px #6366f126}.btn{padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;font-family:inherit;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;position:relative;overflow:hidden}.btn-primary{background:var(--accent);background-size:200% auto;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{background-position:100%;box-shadow:0 6px 24px #06b6d473;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff08;border:1px solid var(--border);color:var(--text-sub)}.btn-secondary:hover{border-color:var(--text-sub);color:var(--text-main);background:#ffffff14;transform:translateY(-2px)}.btn:disabled{background:#1e293b!important;color:#64748b!important;box-shadow:none!important;cursor:not-allowed;transform:none!important}.toast{position:fixed;bottom:24px;right:24px;background:#0f172af2;border:1px solid var(--border);border-left:4px solid var(--accent-primary);border-radius:12px;padding:16px 24px;box-shadow:var(--shadow-lg);z-index:9999;display:flex;align-items:center;gap:12px;transform:translateY(150%);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast.show{transform:translateY(0);opacity:1}.toast.error{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}.toast-icon{font-size:1.2rem}.toast-text{font-size:.85rem;font-weight:600}