@keyframes authFadeIn {
    from { opacity:0; transform:translateY(16px); }
    to   { opacity:1; transform:translateY(0); }
}@keyframes floatBg {
    0%,100% { transform:translate(0,0) scale(1); }
    50%     { transform:translate(20px,-15px) scale(1.05); }
}@keyframes featureIn {
    from { opacity:0; transform:translateX(-12px); }
    to   { opacity:1; transform:translateX(0); }
}.auth-form-wrap{animation:authFadeIn .5s ease both}.feature-chip-anim:nth-child(1) {animation:featureIn .4s ease .2s both}.feature-chip-anim:nth-child(2) {animation:featureIn .4s ease .35s both}.feature-chip-anim:nth-child(3) {animation:featureIn .4s ease .5s both}.feature-chip-anim:nth-child(4) {animation:featureIn .4s ease .65s both}.bg-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;animation:floatBg 10s ease-in-out infinite}:root{--red-600:#dc2626;--red-700:#b91c1c;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca}*,*::before,*::after{box-sizing:border-box}body{font-family:'Inter',sans-serif;background:#f9fafb;margin:0}.font-product{font-family:'Product Sans','Plus Jakarta Sans','Be Vietnam Pro','Inter',sans-serif}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 20px;background:linear-gradient(135deg,#e11d48 0%,#dc2626 60%,#b91c1c 100%);color:#fff;font-weight:700;font-size:14px;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s , transform .15s;box-shadow:0 4px 16px rgba(220,38,38,.35);font-family:'Inter',sans-serif}.btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px rgba(220,38,38,.45)}.btn-primary:active{transform:translateY(0)}.field-label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:5px;letter-spacing:.02em}.input-wrap{position:relative}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px;pointer-events:none}.input-field{width:100%;padding:10px 14px 10px 40px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;color:#111827;outline:none;transition:border-color .2s , box-shadow .2s;font-family:'Inter',sans-serif}.input-field:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}.input-field::placeholder{color:#9ca3af;font-weight:400}.input-icon-wrap{position:relative}.input-icon-wrap .input{padding-left:36px}.input-icon-wrap .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:13px;pointer-events:none}.input{width:100%;padding:9px 13px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13.5px;font-weight:500;color:#111827;outline:none;transition:border-color .2s , box-shadow .2s;font-family:'Inter',sans-serif}.input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.10)}.input::placeholder{color:#9ca3af;font-weight:400}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.06)}.brand-panel{background:linear-gradient(145deg,#dc2626 0%,#991b1b 100%);position:relative;overflow:hidden}.brand-panel::before{content:'';position:absolute;inset:0;background:url(data:image/svg+xml,%3Csvg\ width=\'60\'\ height=\'60\'\ viewBox=\'0\ 0\ 60\ 60\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg\ fill=\'none\'\ fill-rule=\'evenodd\'%3E%3Cg\ fill=\'%23ffffff\'\ fill-opacity=\'0.04\'%3E%3Ccircle\ cx=\'30\'\ cy=\'30\'\ r=\'20\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) repeat}.otp-input{width:48px;height:56px;border:2px solid #e5e7eb;border-radius:12px;font-size:22px;font-weight:700;text-align:center;color:#111827;outline:none;transition:border-color .2s , box-shadow .2s;background:#fff}.otp-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15)}.feature-chip{display:flex;align-items:center;gap:12px;padding:11px 15px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:14px;border:1px solid rgba(255,255,255,.2);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.feature-chip:hover{transform:translateX(4px) scale(1.02);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 8px 20px rgba(0,0,0,.15)}@keyframes authFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}.animate-float{animation:authFloat 4.5s ease-in-out infinite}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}