*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:auto;height:100%}:root{--red:#c0152a;--red-dark:#8b0d1c;--red-mid:#e8192f;--red-light:#fff0f2;--red-tint:#fde8eb;--gold:#f5c518;--gold-dark:#d4a017;--gold-light:#fffbe6;--text:#1c0a0d;--text-muted:#7a4a52;--border:#f0d0d5;--white:#fff;--card-shadow:0 8px 40px #c0152a26, 0 2px 8px #0000000f;--radius:20px}body{background:var(--red-light);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.page-bg{background:radial-gradient(at 20% 10%,#c0152a1f 0%,#0000 55%),radial-gradient(at 80% 90%,#f5c51814 0%,#0000 50%),linear-gradient(160deg,#fff6f7 0%,#fff 50%,#fff8ec 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.page-layout{align-items:flex-start;gap:20px;width:100%;max-width:960px;display:flex}.page-main{flex:1;justify-content:center;min-width:0;display:flex}.page-layout-centered{justify-content:center;max-width:560px}.isaar-header{align-items:center;gap:16px;margin-bottom:4px;display:flex}.isaar-logo{object-fit:contain;border:2px solid var(--red-tint);border-radius:14px;flex-shrink:0;width:72px;height:72px;box-shadow:0 2px 12px #c0152a26}.isaar-title-group{text-align:left}.isaar-brand{color:var(--red);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.1}.isaar-campaign-name{color:var(--text);margin-top:1px;font-size:.95rem;font-weight:600}.isaar-tagline{color:var(--text-muted);margin-top:2px;font-size:.75rem}.divider{background:linear-gradient(to right, var(--red), var(--gold), transparent);opacity:.4;border-radius:1px;height:1px;margin:18px 0 22px}.landing-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);border:1px solid var(--border);width:100%;max-width:500px;padding:40px 36px 36px}.landing-features{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.feature-item{background:var(--red-light);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.feature-item .feature-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.feature-text{flex-direction:column;gap:4px;display:flex}.feature-bilingual{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.feature-en{color:var(--text);font-size:.85rem}.feature-bilingual strong.feature-en{font-weight:700}.feature-ur{color:var(--text-muted);unicode-bidi:embed;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:.82rem;line-height:1.8}.feature-bilingual strong.feature-ur{color:var(--red);font-weight:700}.feature-desc .feature-en{color:var(--text-muted);font-size:.82rem}.gold{color:var(--gold)}.landing-actions{flex-direction:column;gap:12px;display:flex}.btn-bilingual{flex-direction:column;align-items:center;gap:2px;line-height:1.3;display:flex}.btn-ur{opacity:.88;unicode-bidi:embed;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:.78rem;font-weight:600;line-height:1.6}.landing-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.78rem}.form-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);border:1px solid var(--border);width:100%;max-width:460px;padding:36px 32px}.form-section-title{margin-bottom:24px}.section-badge{background:var(--gold-light);color:var(--gold-dark);letter-spacing:.06em;border:1px solid #d4a0174d;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.form-section-title h2{color:var(--text);margin-bottom:4px;font-size:1.35rem;font-weight:700}.form-section-title p{color:var(--text-muted);font-size:.875rem}.field{margin-bottom:18px}.field label{color:var(--text);margin-bottom:6px;font-size:.83rem;font-weight:600;display:block}.required{color:var(--red);font-size:.9em}.optional{color:var(--text-muted);font-size:.8em;font-weight:400}.field input{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fdfafa;border-radius:10px;outline:none;padding:11px 14px;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus{border-color:var(--red);background:var(--white);box-shadow:0 0 0 3px #c0152a1a}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.field select{border:1.5px solid var(--border);width:100%;color:var(--text);cursor:pointer;appearance:none;background:#fdfafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a4a52' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center no-repeat;border-radius:10px;outline:none;padding:11px 14px;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.field select:focus{border-color:var(--red);background-color:var(--white);box-shadow:0 0 0 3px #c0152a1a}.select-placeholder{color:var(--text-muted)}.field-hint{color:var(--gold-dark);margin-top:5px;font-size:.77rem;font-weight:500}.error-msg{color:#8b0000;background:#fff0f0;border:1px solid #ffb3b3;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.855rem}.form-footer{text-align:center;color:var(--text-muted);margin-top:22px;font-size:.85rem}.form-footer a{color:var(--red);font-weight:600;text-decoration:none}.form-footer a:hover{text-decoration:underline}.dashboard-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);border:1px solid var(--border);width:100%;max-width:500px;padding:36px 32px}.dash-welcome{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.dash-welcome h2{color:var(--text);font-size:1.3rem;font-weight:700}.dash-sub{color:var(--text-muted);margin-top:2px;font-size:.82rem}.points-hero{border-radius:16px;margin-bottom:18px;position:relative;overflow:hidden}.points-hero-bg{background:linear-gradient(135deg, var(--red-dark) 0%, var(--red) 55%, #e8536a 100%);z-index:0;position:absolute;inset:0}.points-hero-bg:after{content:"";background:radial-gradient(circle at 85% 15%,#f5c51840 0%,#0000 50%),radial-gradient(circle at 15% 85%,#ffffff14 0%,#0000 40%);position:absolute;inset:0}.points-hero-content{z-index:1;text-align:center;color:var(--white);padding:28px 24px;position:relative}.points-label{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:12px;font-size:.8rem;font-weight:600}.points-stars-row{margin-bottom:12px}.points-number{justify-content:center;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.points-big{color:var(--gold);text-shadow:0 2px 8px #0003;font-size:3.5rem;font-weight:900;line-height:1}.points-unit{opacity:.75;font-size:1.1rem;font-weight:600}.points-sub{opacity:.8;font-size:.82rem}.stars{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.stars-lg .star{font-size:1.6rem}.stars-md .star{font-size:1.1rem}.stars-sm .star{font-size:.85rem}.star-filled{color:var(--gold);text-shadow:0 1px 4px #0003}.star-empty{color:#ffffff4d}.referral-block{background:linear-gradient(135deg, var(--gold-light) 0%, #fffbf0 100%);border:1.5px solid #d4a0174d;border-radius:14px;margin-bottom:16px;padding:18px 20px}.referral-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.referral-icon{font-size:1.3rem}.referral-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-dark);font-size:.78rem;font-weight:700}.referral-label-ur{color:var(--red);unicode-bidi:embed;margin-top:1px;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:.82rem;font-weight:700;line-height:1.8;display:block}.referral-earn{color:var(--text-muted);margin-top:1px;font-size:.8rem}.referral-earn-ur{color:var(--text-muted);unicode-bidi:embed;margin-top:1px;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:.82rem;line-height:1.8;display:block}.referral-row{align-items:center;gap:12px;display:flex}.referral-code{letter-spacing:.18em;color:var(--red-dark);flex:1;font-family:Courier New,monospace;font-size:1.7rem;font-weight:900}.user-info-block{border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.info-row{justify-content:space-between;align-items:center;padding:11px 16px;font-size:.855rem;display:flex}.info-row+.info-row{border-top:1px solid var(--border)}.info-label{color:var(--text-muted)}.info-value{color:var(--text);font-weight:600}.referral-used{color:var(--red);letter-spacing:.08em;font-family:Courier New,monospace;font-size:.85rem}.loading-pulse{text-align:center;padding:32px 0}.loading-drop{margin-bottom:12px;font-size:2.5rem;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.loading-pulse p{color:var(--text-muted);font-size:.9rem}.btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:.93rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%);color:var(--white);box-shadow:0 4px 14px #c0152a59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--red-mid) 0%, var(--red) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #c0152a66}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #c0152a4d}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-outline{color:var(--red);border:2px solid var(--red);background:0 0}.btn-outline:hover{background:var(--red-light);border-color:var(--red-dark)}.btn-copied{color:#2e7d32;cursor:default;background:#e8f5e9;border:2px solid #a5d6a7;border-radius:8px;padding:7px 14px;font-size:.8rem}.btn-full{width:100%}.btn-sm{border-radius:9px;padding:8px 16px;font-size:.8rem}.btn-ghost{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-ghost:hover{border-color:var(--red);color:var(--red)}.countdown{background:linear-gradient(135deg, var(--red-dark) 0%, var(--red) 100%);text-align:center;border-radius:14px;margin-bottom:14px;padding:16px 14px;box-shadow:0 4px 16px #c0152a4d}.countdown-title{text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin-bottom:12px;font-size:.72rem;font-weight:700}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.countdown-unit{background:#0003;border-radius:8px;flex-direction:column;align-items:center;padding:8px 4px 6px;display:flex}.countdown-value{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900;line-height:1}.countdown-label{color:#ffffffa6;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.6rem;font-weight:600}.countdown-ended{text-align:center;background:var(--gold-light);color:var(--gold-dark);border:1.5px solid #d4a01766;border-radius:12px;margin-bottom:14px;padding:14px;font-size:.9rem;font-weight:700}.campaign-ended-banner{text-align:center;background:linear-gradient(135deg, var(--gold-light), #fffbf0);border:1.5px solid #d4a01759;border-radius:12px;margin-bottom:20px;padding:16px 20px}.ended-title{color:var(--red-dark);margin-bottom:6px;font-size:1.15rem;font-weight:800}.ended-sub{color:var(--text-muted);font-size:.82rem;line-height:1.5}.winners-section{margin-top:4px}.winners-heading{color:var(--red-dark);text-align:center;margin-bottom:14px;font-size:1rem;font-weight:800}.winners-list{flex-direction:column;gap:8px;list-style:none;display:flex}.winner-row{border:1.5px solid var(--border);background:#fdfafa;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.winner-first{background:linear-gradient(135deg,#fff8e1,#fffde7);border-color:#d4a01799;box-shadow:0 2px 12px #d4a01733}.winner-rank{text-align:center;flex-shrink:0;width:36px;font-size:1.5rem}.winner-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.winner-name{color:var(--text);font-size:.92rem;font-weight:700}.winner-prize-badge{background:var(--gold);color:#5a3e00;border-radius:10px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.winner-cert-badge{color:#1e40af;background:#dbeafe;border-radius:10px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.winner-pts{color:var(--red);flex-shrink:0;font-size:1.1rem;font-weight:900}.prize-tag{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.prize-gold{color:#92640a;background:#fff3cd;border:1px solid #d4a01766}.prize-silver{color:#3a5abf;background:#f0f4ff;border:1px solid #6382ff4d}.lb-sidebar{background:var(--white);border-radius:var(--radius);width:260px;box-shadow:var(--card-shadow);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-shrink:0;max-height:calc(100vh - 48px);padding:20px 18px;position:sticky;top:24px;overflow-y:auto}.lb-sidebar-announce{background:linear-gradient(135deg, #fff8ec 0%, var(--gold-light) 100%);border:1.5px solid #d4a01759;border-radius:10px;margin-bottom:16px;padding:11px 13px;position:relative;overflow:hidden}.lb-announce-date{margin-bottom:4px;line-height:1.4}.lb-announce-label{background:linear-gradient(135deg, var(--red-dark), var(--red));color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-block;box-shadow:0 2px 8px #c0152a59}.lb-announce-highlight{color:var(--red);letter-spacing:.01em;background:linear-gradient(135deg, var(--red), #ff4d6d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:1rem;font-weight:900}.lb-prizes{flex-direction:column;gap:5px;display:flex}.lb-sidebar-top{border:1px solid var(--border);background:linear-gradient(135deg,#fff6f7 0%,#fff 100%);border-radius:10px;padding:12px 12px 10px;position:relative;overflow:hidden}.lb-sidebar-title{color:var(--red-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.85rem;font-weight:800}.lb-sidebar-loading{color:var(--text-muted);align-items:center;gap:8px;padding:8px 0;font-size:.82rem;display:flex}.lb-sidebar-empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:.82rem;line-height:1.6}.lb-sidebar-list{flex-direction:column;gap:6px;list-style:none;display:flex}.lb-sidebar-row{border:1px solid var(--border);background:#fdfafa;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;transition:transform .15s;display:flex}.lb-sidebar-row:hover{transform:translate(2px)}.lb-s-rank-1{background:linear-gradient(135deg,#fff8e1,#fffde7);border-color:#d4a01773}.lb-s-rank-2{background:linear-gradient(135deg,#f6f6f6,#fafafa);border-color:#e0e0e0}.lb-s-rank-3{background:linear-gradient(135deg,#fff3e0,#fdf6ec);border-color:#c878324d}.lb-s-rank{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.lb-s-num{text-align:center;background:var(--red-light);width:20px;height:20px;color:var(--red-dark);border-radius:50%;font-size:.68rem;font-weight:800;line-height:20px;display:inline-block}.lb-s-info{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.lb-s-name{color:var(--text);word-break:break-word;font-size:.8rem;font-weight:700}.lb-s-pts{color:var(--red);flex-shrink:0;font-size:.9rem;font-weight:900}.lb-s-pts-label{color:var(--text-muted);margin-left:1px;font-size:.6rem;font-weight:600}@media (width<=860px){.page-layout{flex-direction:column;align-items:center}.lb-sidebar{width:100%;max-width:500px;max-height:none;position:static}.lb-sidebar-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}}@media (width<=480px){.landing-card,.form-card,.dashboard-card{border-radius:16px;padding:28px 20px}.lb-sidebar-list{grid-template-columns:1fr}.isaar-logo{width:58px;height:58px}.isaar-brand{font-size:1.6rem}.points-big{font-size:2.8rem}.referral-code{letter-spacing:.12em;font-size:1.3rem}.stars-lg .star{font-size:1.3rem}}
