*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(145deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,Segoe UI,Vazirmatn,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#38bdf826 0%,#38bdf800 70%);border-radius:50%;width:300px;height:300px;animation:20s ease-in-out infinite alternate float;position:fixed;top:-150px;left:-150px}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#a855f700 70%);border-radius:50%;width:400px;height:400px;animation:25s ease-in-out infinite alternate-reverse float;position:fixed;bottom:-200px;right:-200px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(30px,30px)scale(1.15)}}.register-card{backdrop-filter:blur(20px);z-index:1;background:#0f172a99;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:520px;padding:40px 36px;transition:transform .3s;position:relative;box-shadow:0 25px 50px #0000004d}.register-card:hover{transform:translateY(-5px)}.logo-area{text-align:center;margin-bottom:32px}.icon-circle{background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:24px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;display:flex;box-shadow:0 10px 25px #38bdf84d}.icon-circle svg{width:34px;height:34px}.logo-area h1{color:#fff;margin-bottom:8px;font-size:26px;font-weight:700}.logo-area p{color:#94a3b8;font-size:14px}.input-group{margin-bottom:20px;position:relative}.input-icon{color:#5b6e8c;transition:color .3s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.input-group input{color:#fff;background:#1e293bb3;border:1px solid #334155;border-radius:16px;outline:none;width:100%;padding:14px 48px 14px 16px;font-family:inherit;font-size:15px;transition:all .3s}.input-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.input-group input:focus+.input-icon{color:#38bdf8}.input-group input::placeholder{color:#5b6e8c}.double-group{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.password-hint{color:#5b6e8c;margin-top:6px;padding-right:16px;font-size:11px}.checkbox-label{color:#94a3b8;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#38bdf8;width:18px;height:18px}.terms-link{color:#38bdf8;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.terms-link:hover{color:#818cf8}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#818cf8);border:none;border-radius:40px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s;display:flex}.register-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #38bdf84d}.register-btn svg{width:20px;height:20px}.divider{text-align:center;margin:28px 0 24px;position:relative}.divider:before{content:"";background:#334155;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#5b6e8c;z-index:1;background:#0f172acc;padding:0 16px;font-size:13px;position:relative}.social-login{justify-content:center;gap:20px;margin-bottom:28px;display:flex}.social-icon{color:#94a3b8;background:#1e293bb3;border:1px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.social-icon:hover{color:#38bdf8;background:#38bdf81a;border-color:#38bdf8;transform:translateY(-3px)}.login-link{text-align:center;border-top:1px solid #334155;padding-top:20px}.login-link p{color:#94a3b8;font-size:14px}.login-link a{color:#38bdf8;font-weight:600;text-decoration:none;transition:color .2s}.login-link a:hover{color:#818cf8}.demo-toast{backdrop-filter:blur(12px);color:#4ade80;z-index:1000;white-space:nowrap;background:#1e293bf2;border:1px solid #4ade804d;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:500;transition:transform .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 25px #0003}@media (width<=550px){.register-card{padding:28px 20px}.double-group{grid-template-columns:1fr;gap:0}.logo-area h1{font-size:22px}.icon-circle{width:55px;height:55px}.icon-circle svg{width:28px;height:28px}.demo-toast{white-space:normal;text-align:center;max-width:90%;font-size:12px}.terms-group{flex-direction:column;align-items:flex-start;gap:12px}}.demo-toast{color:#10b981;z-index:1000;white-space:nowrap;background:#1f2937;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:transform .3s;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 12px #00000026}.demo-toast.show{transform:translate(-50%)translateY(0)}.demo-toast.error{color:#fff;background:#dc2626}.demo-toast.success{color:#fff;background:#22c55e}.demo-toast.warning{color:#fff;background:#f59e0b}.register-btn:disabled{opacity:.7;cursor:not-allowed}.input-group input:focus{border-color:#10b981;outline:none}.password-hint{color:#6b7280;margin-top:4px;margin-right:28px;font-size:11px}.terms-group{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.terms-link{color:#10b981;font-size:14px;text-decoration:none}.terms-link:hover{text-decoration:underline}