:root{--sky-50: #f3f8ff;--sky-100: #e6f1ff;--sky-200: #cfe4ff;--sky-300: #a9cdfc;--blue-400: #4f8ff7;--blue-500: #2f6ff0;--blue-600: #1f56d8;--blue-700: #1742b0;--navy-800: #0f2b78;--navy-900: #0a1f57;--cyan-400: #38c3f5;--green-500: #2fb46a;--gold-400: #f6b938;--red-500: #e5484d;--amber-500: #f59e0b;--ink: #0f1f45;--ink-soft: #3b4a6b;--ink-mute: #6b7a99;--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .9);--glass-border: rgba(150, 190, 255, .55);--shadow-lg: 0 18px 50px -18px rgba(23, 66, 176, .35), 0 4px 14px -6px rgba(23, 66, 176, .18);--shadow-md: 0 8px 24px -12px rgba(23, 66, 176, .35);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-body: "Poppins", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 600px at 10% -10%,rgba(255,255,255,.95),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(255,255,255,.8),transparent 60%),linear-gradient(180deg,#eef6ff,#dcebff 45%,#c9e0ff);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}.pixel-sky{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.pixel-sky:before,.pixel-sky:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-30%;height:70%;background-image:linear-gradient(rgba(47,111,240,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,240,.12) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(58deg);transform-origin:top center;mask-image:linear-gradient(to top,black 30%,transparent 95%);-webkit-mask-image:linear-gradient(to top,black 30%,transparent 95%)}.pixel-sky:after{display:none}.cube{position:absolute;width:var(--s, 18px);height:var(--s, 18px);background:linear-gradient(135deg,#8fc0ff,#4f8ff7 55%,#2f6ff0);box-shadow:inset -3px -3px #0f2b7840,inset 3px 3px #ffffff8c,0 6px 14px -6px #1742b073;opacity:var(--o, .7);animation:float var(--d, 9s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.cube.light{background:linear-gradient(135deg,#fff,#dbe9ff 60%,#b9d5ff)}.cloud{position:absolute;width:8px;height:8px;background:transparent;opacity:.9;box-shadow:16px 0 #fff,24px 0 #fff,32px 0 #fff,8px 8px #fff,16px 8px #fff,24px 8px #fff,32px 8px #fff,40px 8px #fff,48px 8px #fff,0 16px #fff,8px 16px #fff,16px 16px #fff,24px 16px #fff,32px 16px #fff,40px 16px #fff,48px 16px #fff,56px 16px #fff,0 24px #e7f0ff,8px 24px #e7f0ff,16px 24px #e7f0ff,24px 24px #e7f0ff,32px 24px #e7f0ff,40px 24px #e7f0ff,48px 24px #e7f0ff,56px 24px #e7f0ff;transform:scale(var(--scale, 1.4));transform-origin:left top;animation:drift var(--d, 60s) linear infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes drift{0%{translate:-10vw 0}to{translate:110vw 0}}body.quiet .cube,body.quiet .cloud{animation:none}@media(prefers-reduced-motion:reduce){.cube,.cloud{animation:none!important}}.app{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.brand-logo{width:54px;height:54px;filter:drop-shadow(0 6px 10px rgba(15,43,120,.25))}.brand-kicker{font-size:12px;font-weight:600;letter-spacing:.32em;color:var(--navy-800);text-transform:uppercase;display:flex;align-items:center;gap:10px}.brand-kicker:before,.brand-kicker:after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--blue-500))}.brand-kicker:after{transform:scaleX(-1)}.pixel-title{font-family:var(--font-pixel);line-height:1.25;margin:4px 0 0;letter-spacing:.02em}.pixel-title .l1{display:block;font-size:clamp(18px,5.2vw,30px);color:var(--navy-800)}.pixel-title .l2{display:block;font-size:clamp(24px,7.6vw,46px);margin:6px 0;color:#fff;background:linear-gradient(180deg,#8fd0ff,#3c8cf7 45%,#1f56d8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 var(--navy-900)) drop-shadow(-1px -1px 0 var(--navy-900)) drop-shadow(0 6px 10px rgba(31,86,216,.35))}.pixel-title .l3{display:block;font-size:clamp(20px,6vw,36px);color:var(--navy-800)}.pixel-title .l3:before{content:"·‹ ";color:var(--blue-500);font-size:.55em;vertical-align:middle}.pixel-title .l3:after{content:" ›·";color:var(--blue-500);font-size:.55em;vertical-align:middle}.topic-pill{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:8px 18px 8px 10px;border-radius:999px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;background:linear-gradient(90deg,#1f56d8,#2f6ff0 50%,#1f56d8);box-shadow:0 8px 20px -8px #1f56d8b3,inset 0 1px #ffffff59}.topic-pill .ico{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.45)}.topic-pill b{font-weight:700;opacity:.85;border-right:1px solid rgba(255,255,255,.5);padding-right:10px}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);position:relative}.card.pixel-corners:before,.card.pixel-corners:after{content:"";position:absolute;width:10px;height:10px;background:var(--blue-500);box-shadow:10px 0 #2f6ff073,0 10px #2f6ff073}.card.pixel-corners:before{top:-5px;left:-5px}.card.pixel-corners:after{bottom:-5px;right:-5px;transform:rotate(180deg)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--navy-800)}.input,select.input,textarea.input{width:100%;padding:13px 14px;border-radius:var(--radius-md);border:1.5px solid #c4dafc;background:#ffffffeb;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #2f6ff026}textarea.input{resize:vertical;min-height:90px;line-height:1.5}.btn{--bg: linear-gradient(180deg, #3f82f8 0%, #1f56d8 100%);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:0;border-radius:var(--radius-md);background:var(--bg);color:#fff;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 4px 0 var(--navy-800),0 10px 20px -8px #1f56d899;transition:transform .08s ease,box-shadow .08s ease,filter .15s;user-select:none}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--navy-800),0 4px 10px -6px #1f56d899}.btn:disabled{filter:grayscale(.5) opacity(.6);cursor:not-allowed;transform:none}.btn.block{width:100%}.btn.ghost{--bg: rgba(255, 255, 255, .85);color:var(--blue-700);box-shadow:0 3px #b8d1fb,0 8px 18px -10px #1f56d880;border:1.5px solid #c4dafc}.btn.danger{--bg: linear-gradient(180deg, #f06a6e 0%, #d23a3f 100%);box-shadow:0 4px #8f1f24,0 10px 20px -8px #d23a3f8c}.btn.success{--bg: linear-gradient(180deg, #45c983 0%, #23985a 100%);box-shadow:0 4px #13603a,0 10px 20px -8px #23985a8c}.btn.sm{padding:8px 12px;font-size:13px;border-radius:9px;box-shadow:0 3px 0 var(--navy-800)}.btn.sm.ghost{box-shadow:0 2px #b8d1fb}.btn.sm.danger{box-shadow:0 3px #8f1f24}.btn.sm.success{box-shadow:0 3px #13603a}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--sky-100);color:var(--blue-700);border:1px solid #c8dcfb;white-space:nowrap}.chip.green{background:#e5f8ee;color:#187a45;border-color:#bfe9d1}.chip.red{background:#fdecec;color:#b42328;border-color:#f6c6c8}.chip.amber{background:#fff4e0;color:#9a5b00;border-color:#fbdca5}.chip.gray{background:#eef1f6;color:#5a6782;border-color:#dbe1ec}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.dot.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.error-msg{color:#b42328;background:#fdecec;border:1px solid #f6c6c8;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px}.hidden{display:none!important}.toast-wrap{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(92vw,420px)}.toast{pointer-events:auto;padding:11px 16px;border-radius:12px;background:var(--navy-900);color:#fff;font-size:14px;box-shadow:var(--shadow-lg);animation:toastIn .25s ease-out;text-align:center}.toast.warn{background:#9a5b00}.toast.err{background:#b42328}.toast.ok{background:#187a45}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.footer-tag{text-align:center;font-size:11px;letter-spacing:.4em;color:var(--navy-800);opacity:.75;padding:18px 0 22px}.footer-tag:before,.footer-tag:after{content:"—";margin:0 10px;color:var(--blue-400);letter-spacing:0}.spinner{width:22px;height:22px;border-radius:4px;background:var(--blue-500);animation:spinCube 1s steps(4) infinite;box-shadow:inset -3px -3px #0003,inset 3px 3px #fff6}@keyframes spinCube{to{transform:rotate(360deg)}}