@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-main:#0a0a0b;--bg-card:#14141699;--bg-card-hover:#1e1e23cc;--text-main:#f3f4f6;--text-muted:#9ca3af;--primary-h:250;--primary-s:80%;--primary-l:60%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-glow:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .3);--secondary-h:330;--secondary-s:80%;--secondary-l:60%;--secondary:hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));--border-subtle:#ffffff14;--border-glow:#ffffff26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0000001a}.glass-panel:hover{border-color:var(--border-glow);box-shadow:0 8px 40px #0003}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-outline{color:var(--text-main);border:1px solid var(--border-subtle);background:0 0}.btn-outline:hover{border-color:var(--border-glow);background:#ffffff0d}.form-group{margin-bottom:1rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-md);background:#0003;width:100%;padding:12px 16px;font-family:inherit;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stf__wrapper{border-radius:4px;box-shadow:0 20px 50px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-glow);transform:scale(1)}70%{transform:scale(1.05);box-shadow:0 0 0 10px #0000}to{transform:scale(1);box-shadow:0 0 #0000}}.animate-fade-in-up{animation:.5s forwards fadeInUp}.app-container{width:100vw;min-height:100vh;display:flex;overflow:hidden}@media (width<=900px){.app-container{flex-direction:column;overflow-y:auto}.portal-pdf-col{border-bottom:1px solid var(--border-subtle);background:#f9fafb;order:-1;min-height:65vh;max-height:70vh;width:100%!important;min-width:unset!important;max-width:unset!important;border-right:none!important;padding-top:4rem!important;padding-bottom:2rem!important}.portal-quiz-col{order:1;min-width:unset!important;border-right:none!important;width:100%!important;max-width:100%!important;padding:2.5rem 1.5rem!important}}.user-portal-theme{--bg-main:#fff;--bg-card:#fff;--bg-card-hover:#f9fafb;--text-main:#111827;--text-muted:#6b7280;--border-subtle:#e5e7eb;--border-glow:#0000000d;--primary-h:152;--primary-s:65%;--primary-l:45%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-glow:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15);--secondary:var(--primary);background-color:var(--bg-main);color:var(--text-main)}.user-portal-theme .glass-panel{background:var(--bg-card);-webkit-backdrop-filter:none;box-shadow:none;border:none}.user-portal-theme .btn-primary{background:var(--primary);box-shadow:none;border-radius:var(--radius-sm)}.user-portal-theme .btn-primary:hover{filter:brightness(.9);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(0)}.user-portal-theme .text-gradient{background:var(--text-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}