:root{--primary:#fa6400;--primary-dark:#e05a00;--bg-main:#e2e6ee;--card-bg:#edf0f5d9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-light:#cbd5e1;--shadow-md:0 20px 25px -5px #00000014,0 8px 10px -6px #00000005;--focus-glow:#fa640040;--skeleton-bg:#0000001f}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;height:100%}body{background:var(--bg-main);display:flex;position:relative;justify-content:center;align-items: center;min-height:100vh;padding:1.5rem;font-family:Inter,sans-serif}.skeletons-grid{position:fixed;z-index:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:minmax(100px,auto);grid-auto-flow:dense;pointer-events:none;overflow:hidden;gap:1rem;width:100%;height:100%;padding:1rem;top:0;left:0}.skeleton-tile{background:var(--skeleton-bg);backdrop-filter:blur(12px);animation:opacityPulse 3s infinite ease-in-out;border-radius:0;transition:none;box-shadow:0 8px 20px #0000001a}@keyframes opacityPulse{0%{opacity:.5}50%{opacity:.9}to{opacity:.5}}.login-card{background:var(--card-bg);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);z-index:10;position:relative;border:1px solid #ffffff80;border-radius:2rem;width:100%;max-width:460px;padding:2rem;transition:transform .2s}.ad-badge{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:10px;margin-bottom:1.5rem}.logo-area{display:flex;align-items: center;gap:12px}.ad-icon{background:var(--primary);display:flex;color:#fff;animation:softPulse 2s infinite;border-radius:18px;justify-content:center;align-items: center;width:44px;height:44px;font-size:1.6rem;font-weight:800;box-shadow:0 8px 14px #fa640040}.brand-text{letter-spacing:-.5px;color:var(--text-primary);font-size:1.65rem;font-weight:700}.brand-text span{color:var(--primary)}.pill-ad{backdrop-filter:blur(4px);color:var(--primary-dark);background:#fa640026;border:1px solid #fa64004d;border-radius:40px;padding:.4rem 1rem;font-size:.75rem;font-weight:600}.title-section{margin-bottom:2rem}h1{color:var(--text-primary);margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.sub{color:var(--text-secondary);display:flex;flex-wrap:wrap;align-items: center;gap:8px;font-size:.9rem}.sub strong{color:var(--primary);background:#fa64001f;border-radius:30px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.input-group{margin-bottom:1.4rem}.input-label{display:flex;color:var(--text-secondary);align-items: center;gap:8px;margin-bottom:.6rem;font-size:.85rem;font-weight:500}.input-field{border:1px solid var(--border-light);color:var(--text-primary);outline:none;background:#fff;border-radius:1.2rem;width:100%;padding:.9rem 1.2rem;transition:all .2s;font-size:1rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-glow)}.options{display:flex;justify-content:space-between;align-items: center;margin:1.2rem 0 1.8rem;font-size:.85rem}.checkbox{display:flex;color:var(--text-secondary);cursor:pointer;align-items: center;gap:8px}.checkbox input{accent-color:var(--primary)}.forgot-link{color:var(--primary);text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.login-btn{background:var(--primary);color:#fff;display:flex;cursor:pointer;border:none;border-radius:2rem;justify-content:center;align-items: center;gap:12px;width:100%;padding:.9rem;transition:all .25s;font-size:1rem;font-weight:700;box-shadow:0 6px 12px #fa640040}.login-btn:hover{background:var(--primary-dark);transform:scale(1.01)}.ad-footer{text-align:center;border-top:1px solid #00000014;margin-top:2rem;padding-top:1.5rem}.stats{display:flex;color:var(--text-muted);justify-content:center;gap:1.8rem;margin-bottom:1rem;font-size:.7rem;font-weight:500}.legal-note{color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem}.legal-note a{color:var(--primary);text-decoration:none}.legal-note a:hover{text-decoration:underline}.ad-tag{color:var(--primary);display:inline-block;background:#fa640014;border-radius:20px;margin-top:.5rem;padding:.2rem .8rem;font-size:.7rem}@keyframes softPulse{0%{box-shadow:0 0 #fa640066}70%{box-shadow:0 0 0 8px #fa640000}to{box-shadow:0 0 #fa640000}}@media (max-width:600px){.skeletons-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.7rem}.login-card{padding:1.5rem}.brand-text{font-size:1.3rem}h1{font-size:1.5rem}.stats{flex-wrap:wrap;gap:1rem}}