body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;padding:0}body{background-color:#1d2634;color:#9e9ea4;font-family:Montserrat,sans-serif}.icon{font-size:20px;vertical-align:middle}.grid-container{display:grid;grid-template-columns:260px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100vh}.header{grid-area:header;height:60px;background-color:#1d2634;display:flex;align-items:center;padding:0 20px;box-shadow:0 6px 7px -3px #00000059;z-index:100}.menu-icon{display:none;cursor:pointer;font-size:26px;color:#fff}.main-container{grid-area:main;padding:0;overflow-y:auto;background-color:#f0f2ff}@media screen and (max-width:992px){.grid-container{grid-template-columns:1fr;grid-template-areas:"header" "main"}.menu-icon{display:block}}.lm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a28a6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lm-modal{background:#fff;border-radius:24px;padding:0;width:100%;max-width:420px;position:relative;box-shadow:0 32px 80px #6c63ff38,0 0 0 1px #6c63ff14;animation:lm-pop-in .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes lm-pop-in{0%{transform:scale(.9) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.lm-modal:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#6c63ff,#ff6b35,#10b981,#6c63ff);background-size:200% 100%;animation:lm-bar 3.5s linear infinite}@keyframes lm-bar{0%{background-position:0% 0%}to{background-position:200% 0%}}.lm-modal form{padding:28px 36px 32px}.lm-close{position:absolute;top:14px;right:18px;background:#6c63ff14;border:none;width:32px;height:32px;border-radius:50%;font-size:1.3rem;color:#6c63ff;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:2}.lm-close:hover{background:#6c63ff29;transform:rotate(90deg)}.lm-brand{text-align:center;margin-bottom:8px}.lm-logo{height:68px;width:auto;object-fit:contain;border-radius:14px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.lm-title{font-size:1.55rem;color:#1a1a2e;margin:0 0 4px;text-align:center;font-weight:800;letter-spacing:-.3px}.lm-subtitle{font-size:.88rem;color:#6b7280;text-align:center;margin:0 0 22px;line-height:1.5}.lm-field{margin-bottom:16px;position:relative}.lm-field input{width:100%;padding:14px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:.97rem;outline:none;background:#f9fafb;color:#1a1a2e;box-sizing:border-box;transition:border-color .25s,box-shadow .25s,background .25s;font-family:inherit}.lm-field input:focus{border-color:#6c63ff;background:#fff;box-shadow:0 0 0 4px #6c63ff1f}.lm-field input::placeholder{color:#9ca3af}.lm-password-field input{padding-right:46px}.lm-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.1rem;color:#9ca3af;transition:color .2s,transform .2s;-webkit-user-select:none;user-select:none}.lm-eye:hover{color:#6c63ff;transform:translateY(-50%) scale(1.15)}.lm-row{display:flex;justify-content:flex-end;margin-bottom:20px}.lm-forgot{color:#6c63ff;font-size:.84rem;font-weight:600;cursor:pointer;transition:color .2s}.lm-forgot:hover{color:#4f46e5;text-decoration:underline}.lm-error{color:#dc2626;font-size:.85rem;text-align:center;margin-bottom:14px;background:#fef2f2;padding:10px 14px;border-radius:10px;border:1px solid #FECACA;font-weight:500}.lm-success{color:#059669;font-size:.85rem;text-align:center;margin-bottom:14px;background:#ecfdf5;padding:10px 14px;border-radius:10px;border:1px solid #A7F3D0;font-weight:500}.lm-submit{width:100%;padding:14px;background:linear-gradient(135deg,#6c63ff,#ff6b35);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:4px;letter-spacing:.3px;box-shadow:0 6px 20px #6c63ff59}.lm-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #6c63ff6b}.lm-submit:active:not(:disabled){transform:translateY(0)}.lm-submit:disabled{opacity:.65;cursor:not-allowed}.lm-bottom-row{display:flex;justify-content:center;margin-top:20px;padding-top:18px;border-top:1px solid #F3F4F6}.lm-new-user{color:#6c63ff;font-size:.88rem;font-weight:600;cursor:pointer;transition:color .2s}.lm-new-user:hover{color:#4f46e5;text-decoration:underline}@media(max-width:480px){.lm-modal form{padding:22px 22px 26px}.lm-logo{height:56px}.lm-title{font-size:1.35rem}}.su-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a28a6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.su-modal{background:#fff;border-radius:24px;padding:0;width:100%;max-width:460px;position:relative;box-shadow:0 32px 80px #6c63ff38,0 0 0 1px #6c63ff14;animation:su-pop-in .32s cubic-bezier(.34,1.56,.64,1);overflow:hidden;max-height:92vh;overflow-y:auto}.su-modal::-webkit-scrollbar{width:4px}.su-modal::-webkit-scrollbar-track{background:transparent}.su-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}@keyframes su-pop-in{0%{transform:scale(.9) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.su-modal:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#6c63ff,#ff6b35,#10b981,#6c63ff);background-size:200% 100%;animation:su-bar 3.5s linear infinite;position:sticky;top:0;z-index:10}@keyframes su-bar{0%{background-position:0% 0%}to{background-position:200% 0%}}.su-inner{padding:20px 36px 32px}.su-close{position:absolute;top:14px;right:18px;background:#6c63ff14;border:none;width:32px;height:32px;border-radius:50%;font-size:1.3rem;color:#6c63ff;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:20}.su-close:hover{background:#6c63ff29;transform:rotate(90deg)}.su-brand{text-align:center;margin-bottom:12px;padding-top:4px}.su-logo-img{height:66px;width:auto;object-fit:contain;border-radius:14px;margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.su-brand-title{font-size:1.45rem;font-weight:800;color:#1a1a2e;margin:0;letter-spacing:-.3px}.su-user-type-badge{display:inline-block;margin-top:6px;padding:4px 16px;background:linear-gradient(135deg,#6c63ff1f,#ff6b351a);color:#6c63ff;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(108,99,255,.2)}.su-progress-bar{width:100%;height:5px;background:#f3f4f6;border-radius:5px;overflow:hidden;margin:16px 0 6px}.su-progress-fill{height:100%;background:linear-gradient(90deg,#6c63ff,#ff6b35,#6c63ff);background-size:200% 100%;border-radius:5px;transition:width .5s cubic-bezier(.4,0,.2,1);animation:su-shimmer 2s linear infinite}@keyframes su-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.su-step-indicator{display:flex;justify-content:center;margin-bottom:20px}.su-step-count{font-size:.75rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#f9fafb;padding:3px 12px;border-radius:20px;border:1px solid #E5E7EB}.su-step-wrapper{min-height:170px;position:relative;overflow:hidden}.su-step-content{animation-duration:.35s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1)}.su-step-content.su-slide-forward{animation-name:su-slide-right}.su-step-content.su-slide-backward{animation-name:su-slide-left}@keyframes su-slide-right{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes su-slide-left{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.su-step-label{font-size:1.2rem;font-weight:700;color:#1a1a2e;margin:0 0 5px}.su-step-subtitle{font-size:.83rem;color:#6b7280;margin:0 0 20px;line-height:1.5}.su-input-group{display:flex;flex-direction:column;gap:12px}.su-field{position:relative}.su-field input,.su-select{width:100%;padding:14px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:.97rem;outline:none;background:#f9fafb;color:#1a1a2e;box-sizing:border-box;transition:border-color .25s,box-shadow .25s,background .25s;font-family:inherit}.su-field input:focus,.su-select:focus{border-color:#6c63ff;background:#fff;box-shadow:0 0 0 4px #6c63ff1f}.su-field input::placeholder{color:#9ca3af}.su-select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%236C63FF'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-color:#f9fafb;padding-right:40px}.su-password-field input{padding-right:48px}.su-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.1rem;color:#9ca3af;-webkit-user-select:none;user-select:none;transition:color .2s,transform .2s}.su-eye:hover{color:#6c63ff;transform:translateY(-50%) scale(1.15)}.su-user-type-grid{display:flex;gap:12px;justify-content:center}.su-user-type-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 10px;border:2px solid #E5E7EB;border-radius:16px;background:#f9fafb;cursor:pointer;transition:all .25s ease;font-family:inherit}.su-user-type-card:hover{border-color:#6c63ff;background:#f5f3ff;transform:translateY(-3px);box-shadow:0 6px 20px #6c63ff26}.su-user-type-card.selected{border-color:#6c63ff;background:linear-gradient(135deg,#f5f3ff,#eef2ff);box-shadow:0 6px 24px #6c63ff38;transform:translateY(-3px)}.su-type-icon{font-size:2rem;line-height:1}.su-type-label{font-size:.88rem;font-weight:700;color:#374151}.su-user-type-card.selected .su-type-label{color:#6c63ff}.su-terms-box{padding:16px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:12px}.su-terms-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.9rem;color:#374151;line-height:1.5}.su-terms-label input[type=checkbox]{margin-top:3px;width:18px;height:18px;accent-color:#6C63FF;cursor:pointer;flex-shrink:0}.su-terms-link{color:#6c63ff;text-decoration:none;font-weight:600}.su-terms-link:hover{text-decoration:underline}.su-strength-bar{display:flex;align-items:center;gap:10px;height:6px;position:relative}.su-strength-bar:before{content:"";flex:1;height:4px;background:#e5e7eb;border-radius:4px}.su-strength-fill{position:absolute;left:0;top:1px;height:4px;border-radius:4px;transition:width .4s,background .4s}.su-strength-fill.weak{width:30%;background:#ef4444}.su-strength-fill.medium{width:65%;background:#f59e0b}.su-strength-fill.strong{width:100%;background:#10b981}.su-strength-label{font-size:.72rem;font-weight:700;position:absolute;right:0;top:-16px;color:#6b7280}.su-error{display:flex;align-items:flex-start;gap:8px;color:#dc2626;font-size:.84rem;margin-top:10px;padding:10px 14px;background:#fef2f2;border-radius:10px;border:1px solid #FECACA;animation:su-shake .4s ease;font-weight:500}.su-error svg{flex-shrink:0;margin-top:2px}@keyframes su-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.su-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.su-btn-back{display:flex;align-items:center;gap:6px;padding:10px 18px;background:none;border:2px solid #E5E7EB;color:#6c63ff;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:12px;transition:background .2s,border-color .2s;font-family:inherit}.su-btn-back:hover:not(:disabled){background:#f5f3ff;border-color:#6c63ff}.su-btn-back:disabled{opacity:0;cursor:default;pointer-events:none}.su-btn-next{display:flex;align-items:center;gap:8px;padding:13px 32px;background:linear-gradient(135deg,#6c63ff,#ff6b35);color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;font-family:inherit;min-width:120px;justify-content:center;box-shadow:0 6px 20px #6c63ff59;letter-spacing:.2px}.su-btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #6c63ff6b}.su-btn-next:active:not(:disabled){transform:translateY(0)}.su-btn-next:disabled{opacity:.65;cursor:not-allowed}.su-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:su-spin .7s linear infinite}@keyframes su-spin{to{transform:rotate(360deg)}}.su-switch-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;padding-top:18px;border-top:1px solid #F3F4F6}.su-switch-row span{font-size:.86rem;color:#6b7280}.su-link{background:none;border:none;color:#6c63ff;font-size:.86rem;font-weight:700;cursor:pointer;transition:color .2s;font-family:inherit;padding:0}.su-link:hover{color:#4f46e5;text-decoration:underline}@media(max-width:520px){.su-modal{border-radius:20px;max-width:98%}.su-inner{padding:16px 20px 24px}.su-logo-img{height:54px}.su-brand-title{font-size:1.25rem}.su-step-label{font-size:1.05rem}.su-btn-next{padding:12px 22px;font-size:.88rem}.su-user-type-grid{flex-direction:column;gap:10px}.su-user-type-card{flex-direction:row;padding:12px 16px}}:root{--purple: #6C63FF;--purple-dark: #4F46E5;--orange: #FF6B35;--green: #10B981;--amber: #F59E0B;--dark: #1A1A2E;--dark2: #16213E;--light-bg: #F5F3FF;--text: #374151;--text-light: #6B7280;--white: #ffffff;--radius: 14px;--shadow: 0 4px 24px rgba(108, 99, 255, .12);--shadow-lg: 0 8px 40px rgba(108, 99, 255, .18)}*{box-sizing:border-box;margin:0;padding:0}.homepage{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}.hp-container{max-width:1200px;margin:0 auto;padding:0 24px}.hp-section-tag{display:inline-block;background:var(--purple) + "18";background:#6c63ff1a;color:var(--purple);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:4px 14px;border-radius:20px;margin-bottom:12px}.hp-section-sub{color:var(--text-light);font-size:1.05rem;max-width:600px;margin:0 auto 48px;text-align:center;line-height:1.7}.hp-purple{color:var(--purple)}.hp-gradient-text{background:linear-gradient(135deg,var(--purple),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-announcement{background:linear-gradient(135deg,var(--purple),var(--orange));color:var(--white);text-align:center;padding:9px 16px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.2px}.hp-announce-icon{flex-shrink:0;font-size:.9rem}.hp-header{position:sticky;top:0;z-index:200;background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(108,99,255,.12);box-shadow:0 4px 32px #6c63ff1a,0 1px #fffc inset;transition:box-shadow .3s}.hp-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--orange),var(--green),#38bdf8,var(--purple));background-size:300% 100%;animation:hp-header-bar 5s linear infinite}@keyframes hp-header-bar{0%{background-position:0% 0%}to{background-position:300% 0%}}.hp-header-inner{max-width:1200px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hp-logo a{display:inline-flex;align-items:center;text-decoration:none;-webkit-user-select:none;user-select:none}.hp-logo-img-wrap{position:relative;width:50px;height:50px;border-radius:12px;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hp-logo-img-wrap:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;background:conic-gradient(from 0deg,#6c63ff,#ff6b35,#10b981,#38bdf8,#a78bfa,#6c63ff);animation:hp-logo-spin 4s linear infinite;z-index:0;opacity:.85;filter:blur(3px)}@keyframes hp-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hp-logo-img-wrap:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);z-index:3;pointer-events:none}.hp-logo a:hover .hp-logo-img-wrap:after{animation:hp-logo-shine .55s ease forwards}@keyframes hp-logo-shine{0%{left:-80%}to{left:130%}}.hp-logo-img{position:relative;z-index:2;width:50px;height:50px;object-fit:contain;border-radius:10px;display:block;background:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hp-logo a:hover .hp-logo-img-wrap{transform:translateY(-3px) scale(1.06)}.hp-nav{display:flex;align-items:center;gap:2px;background:#6c63ff0a;border:1px solid rgba(108,99,255,.1);border-radius:50px;padding:4px;flex-wrap:wrap}.hp-nav a{position:relative;text-decoration:none;color:#4b5563;font-size:.87rem;font-weight:600;padding:8px 18px;border-radius:50px;letter-spacing:.2px;transition:color .2s,background .2s,box-shadow .2s,transform .15s;z-index:0}.hp-nav a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(135deg,#6c63ff,#a78bfa);opacity:0;transition:opacity .22s;z-index:-1}.hp-nav a:hover{color:var(--white);transform:translateY(-1px);box-shadow:0 4px 16px #6c63ff59}.hp-nav a:hover:before{opacity:1}.hp-nav-wrapper{display:flex;align-items:center;gap:14px}.hp-nav-actions{display:flex;align-items:center;gap:10px}.hp-btn-login{padding:9px 22px;border:1.5px solid rgba(108,99,255,.4);background:transparent;color:var(--purple);border-radius:50px;font-size:.88rem;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:all .22s;position:relative;overflow:hidden}.hp-btn-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;z-index:-1;border-radius:50px}.hp-btn-login:hover{color:var(--white);border-color:var(--purple);box-shadow:0 4px 18px #6c63ff4d}.hp-btn-login:hover:before{transform:scaleX(1)}.hp-btn-register{padding:9px 22px;border:none;background:linear-gradient(135deg,var(--purple) 0%,#8b5cf6 50%,var(--orange) 100%);background-size:200% auto;color:var(--white);border-radius:50px;font-size:.88rem;font-weight:700;cursor:pointer;transition:background-position .4s ease,transform .2s,box-shadow .2s;box-shadow:0 4px 18px #6c63ff66;letter-spacing:.3px}.hp-btn-register:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 8px 28px #6c63ff80}.hp-hero{background:linear-gradient(145deg,#f0eeff,#e8e3ff,#fdf0ea 70%,#f0fdf8);padding:110px 24px 90px;position:relative;overflow:hidden}.hp-hero-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(70px)}.hp-hero-blob1{width:600px;height:600px;background:radial-gradient(circle,rgba(108,99,255,.18) 0%,transparent 65%);top:-200px;right:-150px;animation:hp-blob-float 9s ease-in-out infinite}.hp-hero-blob2{width:450px;height:450px;background:radial-gradient(circle,rgba(255,107,53,.14) 0%,transparent 65%);bottom:-150px;left:-100px;animation:hp-blob-float 11s ease-in-out infinite reverse}.hp-hero-blob3{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 65%);top:40%;left:40%;animation:hp-blob-float 7s ease-in-out infinite 1s}.hp-hero-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:60px;flex-wrap:wrap;position:relative;z-index:1}.hp-hero-text{flex:1;min-width:300px;animation:hp-fade-up .7s ease both}@keyframes hp-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#6c63ff1a;border:1px solid rgba(108,99,255,.25);color:var(--purple);font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:7px 18px;border-radius:50px;margin-bottom:24px}.hp-hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 3px #6c63ff40;animation:hp-pulse 2s ease-in-out infinite}@keyframes hp-pulse{0%,to{box-shadow:0 0 0 3px #6c63ff40}50%{box-shadow:0 0 0 6px #6c63ff1a}}.hp-hero-text h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;color:var(--dark);line-height:1.15;margin-bottom:20px;letter-spacing:-.5px}.hp-hero-gradient-text{background:linear-gradient(135deg,#6c63ff,#ff6b35,#10b981);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hp-gradient-shift 4s linear infinite}@keyframes hp-gradient-shift{0%{background-position:0% center}to{background-position:200% center}}.hp-hero-text p{font-size:1.08rem;color:var(--text-light);line-height:1.8;margin-bottom:28px;max-width:480px}.hp-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.hp-hero-chip{display:inline-flex;align-items:center;gap:6px;background:#fffc;border:1px solid rgba(108,99,255,.18);color:var(--dark);font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:50px;box-shadow:0 2px 8px #6c63ff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hp-playstore-badge{display:inline-flex;align-items:center;gap:10px;margin-top:18px;background:#000;border-radius:12px;padding:8px 16px 8px 12px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #00000038}.hp-playstore-badge img{height:32px;width:auto;display:block}.hp-playstore-badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000052}.hp-playstore-hero-label{font-size:.78rem;color:#fffc;font-weight:500;white-space:nowrap}.hp-app{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:90px 0;overflow:hidden;position:relative}.hp-app:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.18) 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none}.hp-app:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.12) 0%,transparent 70%);bottom:-80px;left:60px;pointer-events:none}.hp-app-inner{display:flex;align-items:center;gap:60px;flex-wrap:wrap;position:relative;z-index:1}.hp-app-mockup{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.hp-app-logo{width:200px;height:200px;object-fit:contain;border-radius:36px;box-shadow:0 24px 60px #00000080,0 0 0 1px #ffffff12;animation:hp-app-float 3.5s ease-in-out infinite}@keyframes hp-app-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hp-app-text{flex:1;min-width:280px}.hp-app-text h2{font-size:2.2rem;font-weight:800;color:var(--white);line-height:1.25;margin-bottom:16px}.hp-app-text h2 .hp-purple{color:#a78bfa}.hp-app-text p{font-size:1rem;color:#ffffffb3;line-height:1.8;margin-bottom:20px}.hp-app-features{list-style:none;padding:0;margin-bottom:32px;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.hp-app-features li{font-size:.92rem;color:#ffffffd9;font-weight:500}.hp-playstore-cta{display:inline-flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:12px 28px 12px 18px;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 30px #00000059;position:relative;overflow:hidden}.hp-playstore-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6c63ff14,#ff6b350f);opacity:0;transition:opacity .25s}.hp-playstore-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #00000073}.hp-playstore-cta:hover:before{opacity:1}.hp-playstore-img{height:44px;width:auto;display:block;position:relative;z-index:1}.hp-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:linear-gradient(135deg,var(--purple),#8b5cf6);color:var(--white);border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 24px #6c63ff66;font-family:inherit}.hp-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #6c63ff80}.hp-btn-outline{padding:13px 30px;border:2px solid var(--purple);color:var(--purple);border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.hp-btn-outline:hover{background:var(--purple);color:var(--white)}.hp-hero-visual{flex:1;min-width:300px;position:relative;display:flex;justify-content:center;align-items:center;padding:40px 30px;animation:hp-fade-up .9s ease .2s both}.hp-visual-ring{position:absolute;width:360px;height:360px;border-radius:50%;border:2px dashed rgba(108,99,255,.2);animation:hp-ring-spin 20s linear infinite;pointer-events:none}@keyframes hp-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hp-visual-center{border-radius:28px;overflow:hidden;box-shadow:0 32px 72px #6c63ff38,0 0 0 1px #6c63ff1a;width:310px;position:relative;z-index:1}.hp-visual-card-top{height:5px;background:linear-gradient(90deg,#6c63ff,#ff6b35,#10b981,#6c63ff);background-size:200% 100%;animation:su-bar 3s linear infinite}.hp-visual-card-body{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 20px 18px}.hp-visual-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #F3F4F6}.hp-visual-logo{width:48px;height:48px;border-radius:14px;object-fit:contain;box-shadow:0 6px 18px #0000001f;flex-shrink:0}.hp-visual-name{font-size:.95rem;font-weight:800;color:var(--dark);margin:0}.hp-visual-tagline{font-size:.7rem;color:var(--purple);font-weight:600;margin:2px 0 0}.hp-visual-subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.hp-visual-subject{display:flex;flex-direction:column;align-items:center;gap:5px;background:color-mix(in srgb,var(--sc, #6C63FF) 10%,#fff);border:1px solid color-mix(in srgb,var(--sc, #6C63FF) 20%,transparent);border-radius:14px;padding:10px 6px;cursor:default;transition:transform .2s,box-shadow .2s}.hp-visual-subject:hover{transform:translateY(-3px);box-shadow:0 6px 16px color-mix(in srgb,var(--sc, #6C63FF) 25%,transparent)}.hp-vs-icon{font-size:1.35rem;line-height:1}.hp-vs-label{font-size:.65rem;font-weight:700;color:var(--sc, #6C63FF)}.hp-visual-stats-row{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:14px;padding:10px 14px;margin-bottom:14px}.hp-visual-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.hp-visual-stat-val{font-size:1rem;font-weight:800;color:var(--purple)}.hp-visual-stat-lbl{font-size:.62rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.4px}.hp-visual-stat-div{width:1px;height:28px;background:#6c63ff33}.hp-visual-prog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hp-visual-prog-label{font-size:.72rem;font-weight:700;color:var(--text-light)}.hp-visual-prog-pct{font-size:.78rem;font-weight:800;color:var(--purple)}.hp-visual-prog-bar{height:8px;background:#e5e7eb;border-radius:8px;overflow:hidden}.hp-visual-prog-fill{height:100%;width:0;background:linear-gradient(90deg,#6c63ff,#ff6b35);border-radius:8px;animation:hp-prog-grow 1.4s cubic-bezier(.4,0,.2,1) .6s forwards}@keyframes hp-prog-grow{to{width:78%}}.hp-visual-float{position:absolute;display:flex;align-items:center;gap:10px;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:10px 14px;box-shadow:0 12px 32px #0000001f;z-index:2;white-space:nowrap;border:1px solid rgba(255,255,255,.8)}.hp-vf-icon-wrap{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px #00000026}.hp-vf-title{font-size:.65rem;color:var(--text-light);font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.hp-vf-val{font-size:.9rem;font-weight:800;color:var(--dark);margin:2px 0 0}.hp-visual-float1{top:0;left:-10px;animation:hp-float-card1 4s ease-in-out infinite}.hp-visual-float2{bottom:60px;right:-10px;animation:hp-float-card2 5s ease-in-out infinite .5s}.hp-visual-float3{bottom:-8px;left:20px;animation:hp-float-card1 4.5s ease-in-out infinite 1s}@keyframes hp-float-card1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hp-float-card2{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hp-hero-img-wrap img{max-width:100%;height:auto;display:block;border-radius:24px}.hp-stats{background:linear-gradient(135deg,var(--purple),var(--purple-dark));padding:40px 24px}.hp-stats-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:24px}.hp-stat-item{text-align:center;color:var(--white)}.hp-stat-value{display:block;font-size:2.2rem;font-weight:800;line-height:1;margin-bottom:6px}.hp-stat-label{font-size:.88rem;opacity:.85;font-weight:500}.hp-about{padding:100px 0 80px;background:var(--white)}.hp-about-inner{display:flex;gap:56px;align-items:center;flex-wrap:wrap;margin-bottom:80px}.hp-about-img{flex:1;min-width:260px;position:relative}.hp-about-img img{width:100%;border-radius:var(--radius);object-fit:cover;box-shadow:var(--shadow-lg)}.hp-about-badge{position:absolute;bottom:-20px;right:-16px;background:var(--white);border:2px solid var(--purple);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--purple);box-shadow:var(--shadow);white-space:nowrap}.hp-about-text{flex:1.4;min-width:300px}.hp-about-text h2{font-size:2.2rem;font-weight:800;color:var(--dark);margin-bottom:20px;line-height:1.3}.hp-about-text p{font-size:1rem;color:var(--text-light);line-height:1.8;margin-bottom:16px}.hp-about-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hp-pill{padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:600}.hp-pill.purple{background:#6c63ff1f;color:var(--purple)}.hp-pill.orange{background:#ff6b351f;color:var(--orange)}.hp-pill.green{background:#10b9811f;color:var(--green)}.hp-pill.blue{background:#3b82f61f;color:#3b82f6}.hp-team-section{text-align:center;padding-top:40px}.hp-team-section h2{font-size:2rem;font-weight:800;color:var(--dark);margin-bottom:40px}.hp-team{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.hp-team-card{text-align:center;background:var(--white);border:1px solid #EDE9FE;border-radius:var(--radius);padding:24px 20px;width:160px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #6c63ff12}.hp-team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.hp-team-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid var(--purple)}.hp-team-avatar img{width:100%;height:100%;object-fit:cover}.hp-team-initials{color:var(--white);font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hp-member-name{font-weight:700;font-size:.88rem;color:var(--dark);margin-bottom:4px}.hp-member-role{font-size:.78rem;color:var(--purple);font-weight:600}.hp-platform{background:var(--light-bg);padding:100px 0;text-align:center}.hp-platform h2{font-size:2.2rem;font-weight:800;color:var(--dark);margin-bottom:12px}.hp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px}.hp-feature-card{background:var(--white);border-radius:var(--radius);padding:32px 28px;text-align:left;box-shadow:0 2px 16px #6c63ff12;border:1px solid rgba(108,99,255,.08);transition:transform .2s,box-shadow .2s}.hp-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.hp-feature-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px}.hp-feature-card h3{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:10px}.hp-feature-card p{font-size:.92rem;color:var(--text-light);line-height:1.7}.hp-platform-quote{color:var(--purple);font-size:1.05rem;font-style:italic}.hp-why{padding:100px 0;background:var(--white);text-align:center}.hp-why h2{font-size:2.2rem;font-weight:800;color:var(--dark);margin-bottom:48px}.hp-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.hp-why-card{background:var(--light-bg);border-radius:var(--radius);padding:40px 32px;text-align:center;transition:transform .2s,box-shadow .2s}.hp-why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.hp-why-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--white);margin:0 auto 20px}.hp-why-card h3{font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:12px}.hp-why-card p{font-size:.93rem;color:var(--text-light);line-height:1.7}.hp-life{background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:100px 0}.hp-life-inner{display:flex;gap:56px;align-items:center;flex-wrap:wrap}.hp-life-text{flex:1.4;min-width:300px}.hp-life-text h2{font-size:2.2rem;font-weight:800;color:var(--dark);margin-bottom:20px;line-height:1.3}.hp-life-text p{font-size:1rem;color:var(--text-light);line-height:1.8;margin-bottom:14px}.hp-life-quote{color:var(--purple)!important;font-size:1.05rem!important}.hp-life-img{flex:1;min-width:260px}.hp-life-img img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.hp-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#f0fdf4);padding:100px 24px}.hp-cta-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}.hp-cta-blob1{width:500px;height:500px;background:radial-gradient(circle,#6C63FF,transparent 70%);top:-120px;left:-100px;animation:hp-blob-float 8s ease-in-out infinite}.hp-cta-blob2{width:400px;height:400px;background:radial-gradient(circle,#FF6B35,transparent 70%);bottom:-100px;right:-80px;animation:hp-blob-float 10s ease-in-out infinite reverse}.hp-cta-blob3{width:300px;height:300px;background:radial-gradient(circle,#10B981,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:hp-blob-float 12s ease-in-out infinite 2s}@keyframes hp-blob-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.08)}}.hp-cta-inner{position:relative;z-index:2;max-width:680px;margin:0 auto;text-align:center}.hp-cta-badge{display:inline-block;background:#6c63ff1f;border:1px solid rgba(108,99,255,.3);color:var(--purple);font-size:.82rem;font-weight:700;letter-spacing:.5px;padding:6px 18px;border-radius:20px;margin-bottom:20px}.hp-cta-inner h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:16px}.hp-cta-gradient-text{background:linear-gradient(90deg,#6c63ff,#ff6b35,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-cta-inner>p{font-size:1.05rem;color:var(--text-light);margin-bottom:32px;line-height:1.6}.hp-cta-trust{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:36px;background:#ffffffb3;border:1px solid rgba(108,99,255,.15);border-radius:16px;padding:16px 32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #6c63ff1a}.hp-cta-trust-item{display:flex;flex-direction:column;align-items:center;gap:2px}.hp-cta-trust-num{font-size:1.35rem;font-weight:800;color:var(--dark)}.hp-cta-trust-label{font-size:.75rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hp-cta-trust-divider{width:1px;height:36px;background:#6c63ff33}.hp-cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.hp-btn-cta{display:flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#6c63ff,#ff6b35);color:var(--white);border:none;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 28px #6c63ff59;font-family:inherit;letter-spacing:.2px}.hp-btn-cta:hover{transform:translateY(-3px);box-shadow:0 14px 36px #6c63ff73}.hp-btn-cta svg{flex-shrink:0}.hp-cta-play-btn{display:flex;align-items:center;background:#fffc;border:1px solid rgba(108,99,255,.2);border-radius:12px;padding:10px 18px;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #6c63ff1a}.hp-cta-play-btn img{height:38px;width:auto}.hp-cta-play-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #6c63ff2e}.hp-cta-note{font-size:.82rem!important;color:var(--text-light)!important;margin-top:4px!important;margin-bottom:0!important}.hp-contact{padding:100px 0;background:var(--white)}.hp-contact h2{font-size:2.2rem;font-weight:800;color:var(--dark);margin-bottom:40px}.hp-contact-inner{display:flex;gap:48px;flex-wrap:wrap;align-items:flex-start}.hp-contact-info{flex:1;min-width:240px}.hp-contact-card{background:var(--light-bg);border-radius:var(--radius);padding:28px;border:1px solid #EDE9FE}.hp-contact-card p{font-size:.97rem;color:var(--text);line-height:1.7;margin-bottom:10px}.hp-contact-card a{color:var(--purple);text-decoration:none;font-weight:600}.hp-contact-map{flex:1.4;min-width:300px}.hp-contact-map h3{margin-bottom:14px;font-size:1rem;font-weight:700;color:var(--dark)}.hp-contact-map iframe{border-radius:var(--radius);width:100%;box-shadow:var(--shadow)}.hp-footer{background:var(--dark);color:#ccc;padding:60px 0 24px}.hp-footer-grid{display:flex;gap:48px;flex-wrap:wrap;margin-bottom:40px}.hp-footer-brand{flex:2;min-width:220px}.hp-footer-grid h3{color:var(--white);margin-bottom:14px;font-size:1rem;font-weight:700}.hp-footer-brand p{font-size:.88rem;line-height:1.7;color:#aaa;margin-bottom:16px;max-width:300px}.hp-social-row{display:flex;flex-wrap:wrap;gap:12px}.hp-social-row a{color:#aaa;text-decoration:none;font-size:.85rem;transition:color .2s;border:1px solid #333;padding:4px 12px;border-radius:16px}.hp-social-row a:hover{color:var(--white);border-color:var(--purple)}.hp-footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.hp-footer-links a{color:#aaa;text-decoration:none;font-size:.88rem;transition:color .2s}.hp-footer-links a:hover{color:var(--white)}.hp-footer-grid>div:last-child p{font-size:.88rem;line-height:1.8;color:#aaa}.hp-footer-copy{border-top:1px solid #2a2a3e;padding-top:20px;text-align:center;font-size:.82rem;color:#666}.hp-nav-mobile-actions,.hp-mobile-menu{display:none}.hp-hamburger{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.hp-hamburger span{display:block;height:2.5px;background:var(--purple);border-radius:3px;transition:transform .3s,opacity .3s;transform-origin:center}.hp-hamburger.open span:nth-child(1){transform:translateY(8.75px) rotate(45deg)}.hp-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hp-hamburger.open span:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}.hp-mobile-menu{flex-direction:column;background:var(--white);border-top:1px solid #ede9fe;padding:0 20px;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.hp-mobile-menu.visible{max-height:400px;padding:16px 20px 20px}.hp-mobile-menu a{display:block;padding:12px 0;font-size:1rem;font-weight:600;color:var(--text);text-decoration:none;border-bottom:1px solid #f0edff;transition:color .2s}.hp-mobile-menu a:last-of-type{border-bottom:none}.hp-mobile-menu a:hover{color:var(--purple)}.hp-mobile-signup{width:100%;margin-top:14px;padding:12px;font-size:.95rem;border-radius:12px!important}@media(max-width:860px){.hp-nav-desktop{display:none}.hp-nav-mobile-actions{display:flex;align-items:center;gap:10px}.hp-mobile-menu{display:flex}.hp-btn-login-sm{padding:7px 16px;font-size:.82rem}}@media(max-width:768px){.hp-hero-text h1{font-size:1.9rem}.hp-visual-float{display:none}.hp-hero-chips{gap:8px}.hp-hero-chip{font-size:.76rem;padding:5px 12px}.hp-visual-center{width:260px}.hp-hero-visual{margin-top:20px}.hp-about-text h2,.hp-platform h2,.hp-why h2,.hp-life-text h2,.hp-cta-inner h2,.hp-contact h2,.hp-stat-value{font-size:1.6rem}.hp-logo-img{height:42px}.hp-about-badge{right:0;bottom:-16px;font-size:.78rem}.hp-features-grid,.hp-why-grid{grid-template-columns:1fr}.hp-hero{padding:60px 20px 50px}.hp-stats-grid{gap:16px}.hp-stat-item{min-width:40%}.hp-cta-inner h2{font-size:1.5rem}.hp-footer-grid{gap:32px}}@media(max-width:480px){.hp-hero-text h1{font-size:1.6rem}.hp-header-inner{padding:10px 14px}.hp-logo-img{height:40px}.hp-btn-login-sm{padding:6px 12px;font-size:.78rem}.hp-stat-value{font-size:1.4rem}.hp-stat-label{font-size:.75rem}.hp-app-logo{width:140px;height:140px}.hp-app-text h2{font-size:1.6rem}.hp-app-features{grid-template-columns:1fr}.hp-playstore-cta{padding:10px 20px 10px 14px}.hp-playstore-img{height:36px}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hp-marquee-wrap{background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden;padding:14px 0;border-top:1px solid rgba(108,99,255,.15);border-bottom:1px solid rgba(108,99,255,.15)}.hp-marquee-track{display:flex;width:max-content;animation:hp-marquee-scroll 32s linear infinite}.hp-marquee-track:hover{animation-play-state:paused}@keyframes hp-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hp-marquee-inner{display:flex;align-items:center;gap:0;flex-shrink:0}.hp-marquee-item{display:inline-flex;align-items:center;padding:0 32px;font-size:.85rem;font-weight:600;color:#fffc;white-space:nowrap;letter-spacing:.3px;position:relative}.hp-marquee-item:after{content:"·";position:absolute;right:0;color:#6c63ff80;font-size:1.2rem}.hp-testimonials{background:var(--light-bg);padding:90px 0;text-align:center}.hp-testimonials h2{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;color:var(--dark);margin-bottom:10px}.hp-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:12px;text-align:left}.hp-tcard{background:var(--white);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;border:1px solid rgba(108,99,255,.07);transition:transform .2s,box-shadow .2s}.hp-tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hp-tcard-stars{color:#f59e0b;font-size:1rem;letter-spacing:2px}.hp-tcard-text{font-size:.95rem;color:var(--text);line-height:1.75;flex:1;font-style:italic}.hp-tcard-author{display:flex;align-items:center;gap:12px}.hp-tcard-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;flex-shrink:0}.hp-tcard-name{font-size:.92rem;font-weight:700;color:var(--dark)}.hp-tcard-meta{font-size:.78rem;color:var(--text-light);margin-top:1px}.sidebar{grid-area:sidebar;width:260px;min-width:260px;max-width:260px;height:100vh;background:#0f172a;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;transition:left .3s ease,width .3s ease;z-index:2000;position:relative;box-shadow:4px 0 24px #00000073;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#6c63ff66;border-radius:4px}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6c63ff,#00bcd4,#a78bfa,#6c63ff);background-size:300% 100%;animation:sidebar-bar 4s linear infinite;z-index:1}@keyframes sidebar-bar{0%{background-position:0% 0%}to{background-position:300% 0%}}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:1px;white-space:nowrap;background:linear-gradient(90deg,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close_icon{cursor:pointer;font-size:20px;color:#fff6;display:none;transition:color .2s;line-height:1}.close_icon:hover{color:#fff}.sidebar-list{list-style:none;padding:12px 0 20px;margin:0;flex:1}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;padding:16px 20px 6px;-webkit-user-select:none;user-select:none}.sidebar-list-item{padding:0;border-radius:12px;margin:2px 10px;transition:transform .15s ease}.sidebar-list-item:hover{transform:translate(4px)}.sidebar-list-item a,.sidebar-action-link{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;text-decoration:none;color:#ffffff8c;font-weight:500;font-size:14px;border-radius:12px;transition:all .2s ease;box-sizing:border-box}.sidebar-list-item a:hover,.sidebar-list-item--action:hover .sidebar-action-link{color:#fff;background:#6c63ff2e}.sidebar-list-item .icon,.sidebar-action-link .icon{font-size:14px;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0f;color:#ffffff80;transition:all .2s ease}.sidebar-list-item a:hover .icon,.sidebar-list-item--action:hover .icon{background:#6c63ff4d;color:#a78bfa}.sidebar-list-item a.active{color:#fff;background:linear-gradient(90deg,#6c63ff4d,#38bdf81f);font-weight:600}.sidebar-list-item a.active .icon{background:linear-gradient(135deg,#6c63ff,#38bdf8);color:#fff;box-shadow:0 4px 12px #6c63ff73}.sidebar-list-item--action{cursor:pointer}.sidebar-list-item--action:hover{transform:translate(4px)}.logout-btn{cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 24px 11px;margin:8px 10px 16px;border-radius:12px;color:#f87171bf;font-weight:500;font-size:14px;transition:all .2s ease;border-top:1px solid rgba(255,255,255,.06)}.logout-btn:hover{background:#ef444426;color:#f87171;transform:translate(4px)}.logout-btn .icon{font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ef44441a;color:#f87171;flex-shrink:0}.logout-btn:hover .icon{background:#ef444440}.sidebar.sidebar-collapsed{width:70px;min-width:70px;max-width:70px}.sidebar.sidebar-collapsed .sidebar-brand>span,.sidebar.sidebar-collapsed .sidebar-section-label{display:none}.sidebar.sidebar-collapsed .sidebar-list-item a span,.sidebar.sidebar-collapsed .sidebar-action-link span,.sidebar.sidebar-collapsed .logout-btn span{display:none}.sidebar.sidebar-collapsed .sidebar-list-item a,.sidebar.sidebar-collapsed .sidebar-action-link,.sidebar.sidebar-collapsed .logout-btn{justify-content:center;padding:10px}.sidebar.sidebar-collapsed .sidebar-list-item .icon,.sidebar.sidebar-collapsed .sidebar-action-link .icon{margin:0}@media screen and (max-width:992px){.sidebar{position:fixed;top:0;left:-260px;height:100%;width:260px;transition:left .3s ease}.sidebar.sidebar-responsive{left:0}.close_icon{display:block}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1500}.admin-dashboard{padding:40px;background:#fcf5f5;min-height:100vh;font-family:Poppins,sans-serif}.admin-title{font-size:2rem;color:#5d0a9a;margin-bottom:30px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;text-align:center;padding:30px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.stat-card h2{font-size:2.5rem;margin:0;color:#333}.stat-card p{font-size:1rem;color:#666;margin-top:8px}.stat-card.school{border-top:5px solid #ffb703}.stat-card.teacher{border-top:5px solid #00b4d8}.stat-card.student{border-top:5px solid #06d6a0}.stat-card.total{border-top:5px solid #5d0a9a}.actions{text-align:center}.add-school-btn{background:#5d0a9a;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.add-school-btn:hover{background:#7d25c9}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:#fff;padding:25px 30px;border-radius:15px;text-align:center;width:300px;box-shadow:0 5px 15px #0000004d;animation:slideUp .3s ease-in-out}.modal-content h2{margin-bottom:15px;color:#333}.modal-buttons{display:flex;flex-direction:column;gap:10px}.modal-buttons button{padding:10px 15px;border:none;border-radius:8px;background-color:#007bff;color:#fff;cursor:pointer;transition:.2s}.modal-buttons button:hover{background-color:#0056b3}.close-btn{margin-top:15px;background-color:#dc3545;color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.close-btn:hover{background-color:#b02a37}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.school-title{font-size:1.8rem;color:#121213;margin-bottom:30px;margin-top:10px;text-align:center}.td-page{padding:28px;min-height:100vh;background:#f0f2ff;font-family:Poppins,sans-serif}.td-banner{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6c63ff,#48c6ef);border-radius:24px;padding:32px 40px;margin-bottom:28px;box-shadow:0 10px 40px #6c63ff59;color:#fff}.td-banner-blob{position:absolute;border-radius:50%;opacity:.15;pointer-events:none}.td-blob1{width:260px;height:260px;background:#fff;top:-80px;right:180px}.td-blob2{width:160px;height:160px;background:#fff;bottom:-50px;right:80px}.td-banner-left{position:relative;z-index:1}.td-greeting{font-size:14px;opacity:.85;margin:0 0 6px;font-weight:400}.td-name{font-size:2rem;font-weight:700;margin:0 0 14px;color:#fff}.td-tags{display:flex;gap:10px;flex-wrap:wrap}.td-tag{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.td-tag-school{background:#fff3;color:#fff}.td-tag-std{background:#ffffff26;color:#fff}.td-tag-lang{background:#ffffff1f;color:#fff}.td-avatar{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:#ffffff38;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#fff;flex-shrink:0}.td-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:28px}.td-stat{background:#fff;border-radius:20px;padding:22px 20px;box-shadow:0 4px 20px #0000000f;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.td-stat:after{content:"";position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.08}.td-stat:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001a}.td-stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.td-stat-icon{font-size:1.6rem}.td-stat-trend{font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.td-stat h2{font-size:2rem;font-weight:700;margin:0 0 4px;color:#1a1a2e}.td-stat p{font-size:13px;color:#888;margin:0;font-weight:500}.td-stat-purple{border-top:4px solid #6C63FF}.td-stat-purple .td-stat-trend{background:#ede9ff;color:#6c63ff}.td-stat-purple:after{background:#6c63ff}.td-stat-cyan{border-top:4px solid #00bcd4}.td-stat-cyan .td-stat-trend{background:#e0f7fa;color:#0097a7}.td-stat-cyan:after{background:#00bcd4}.td-stat-orange{border-top:4px solid #ff7043}.td-stat-orange .td-stat-trend{background:#fbe9e7;color:#e64a19}.td-stat-orange:after{background:#ff7043}.td-stat-green{border-top:4px solid #2a9d8f}.td-stat-green .td-stat-trend{background:#e0f2f1;color:#00796b}.td-stat-green:after{background:#2a9d8f}.td-actions{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.td-action-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:14px;background:linear-gradient(135deg,#6c63ff,#48c6ef);color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #6c63ff4d;transition:transform .15s,box-shadow .15s}.td-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6c63ff66}.td-action-icon{font-size:20px}.td-bottom{display:grid;grid-template-columns:1fr 380px;gap:20px}@media(max-width:900px){.td-bottom{grid-template-columns:1fr}}.td-panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.td-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.td-panel-header h3{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.td-panel-badge{background:#ede9ff;color:#6c63ff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.td-student-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.td-student-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;transition:background .15s}.td-student-row:hover{background:#f5f4ff}.td-rank-badge{width:28px;font-size:1.2rem;text-align:center;flex-shrink:0}.td-rank-3,.td-rank-4{font-size:12px;font-weight:700;color:#aaa}.td-student-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#48c6ef);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.td-student-info{flex:1;display:flex;flex-direction:column}.td-student-name{font-size:14px;font-weight:600;color:#1a1a2e}.td-student-std{font-size:12px;color:#aaa}.td-score-wrap{display:flex;align-items:center;gap:8px}.td-score-bar{width:80px;height:6px;background:#f0f2ff;border-radius:10px;overflow:hidden}.td-score-fill{height:100%;border-radius:10px;transition:width .6s ease}.td-score-num{font-size:12px;font-weight:700;color:#555;width:32px;text-align:right}.td-overview-list{display:flex;flex-direction:column;gap:16px}.td-ov-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:#fafbff;border:1px solid #eee}.td-ov-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.td-ov-label{font-size:11px;color:#aaa;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.td-ov-value{font-size:14px;font-weight:600;color:#1a1a2e;margin:2px 0 0}@media(max-width:600px){.td-banner{flex-direction:column;gap:16px;text-align:center;padding:24px 20px}.td-tags{justify-content:center}.td-name{font-size:1.5rem}}.sd-page{padding:28px;min-height:100vh;background:#f0f2ff;font-family:Poppins,sans-serif}.sd-banner{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6c63ff,#48c6ef);border-radius:24px;padding:32px 40px;margin-bottom:28px;box-shadow:0 10px 40px #6c63ff59;color:#fff}.sd-banner-blob{position:absolute;border-radius:50%;opacity:.15;pointer-events:none}.sd-blob1{width:260px;height:260px;background:#fff;top:-80px;right:180px}.sd-blob2{width:160px;height:160px;background:#fff;bottom:-50px;right:80px}.sd-banner-left{position:relative;z-index:1}.sd-greeting{font-size:14px;opacity:.85;margin:0 0 6px;font-weight:400;display:block}.sd-name{font-size:2rem;font-weight:700;margin:0 0 14px;color:#fff}.sd-tags{display:flex;gap:10px;flex-wrap:wrap}.sd-tag{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sd-tag-school{background:#fff3;color:#fff}.sd-tag-std{background:#ffffff26;color:#fff}.sd-tag-lang{background:#ffffff1f;color:#fff}.sd-avatar{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:#ffffff38;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#fff;flex-shrink:0}.sd-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:28px}.sd-stat{background:#fff;border-radius:20px;padding:22px 20px;box-shadow:0 4px 20px #0000000f;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.sd-stat:after{content:"";position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.08}.sd-stat:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001a}.sd-stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sd-stat-icon{font-size:1.6rem}.sd-stat-trend{font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.sd-stat h2{font-size:1.3rem;font-weight:700;margin:0 0 4px;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-stat p{font-size:13px;color:#888;margin:0;font-weight:500}.sd-stat-purple{border-top:4px solid #6C63FF}.sd-stat-purple .sd-stat-trend{background:#ede9ff;color:#6c63ff}.sd-stat-purple:after{background:#6c63ff}.sd-stat-cyan{border-top:4px solid #00bcd4}.sd-stat-cyan .sd-stat-trend{background:#e0f7fa;color:#0097a7}.sd-stat-cyan:after{background:#00bcd4}.sd-stat-orange{border-top:4px solid #ff7043}.sd-stat-orange .sd-stat-trend{background:#fbe9e7;color:#e64a19}.sd-stat-orange:after{background:#ff7043}.sd-stat-green{border-top:4px solid #2a9d8f}.sd-stat-green .sd-stat-trend{background:#e0f2f1;color:#00796b}.sd-stat-green:after{background:#2a9d8f}.sd-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sd-action-card{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 4px 20px #0000000f;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.sd-action-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s;border-radius:20px}.sd-action-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}.sd-action-card:hover:before{opacity:1}.sd-action-subjects{border-top:4px solid #6C63FF}.sd-action-subjects:before{background:linear-gradient(135deg,#6c63ff0a,#48c6ef0a)}.sd-action-exams{border-top:4px solid #ff7043}.sd-action-exams:before{background:linear-gradient(135deg,#ff70430a,#ee9b000a)}.sd-action-icon{font-size:2.8rem;position:relative;z-index:1}.sd-action-label{font-size:1.2rem;font-weight:700;color:#1a1a2e;position:relative;z-index:1}.sd-action-sub{font-size:12px;color:#aaa;font-weight:500;position:relative;z-index:1}@media(max-width:900px){.sd-actions{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sd-page{padding:16px}.sd-banner{flex-direction:column;gap:16px;text-align:center;padding:24px 20px}.sd-tags{justify-content:center}.sd-name{font-size:1.5rem}.sd-actions{grid-template-columns:1fr}}.form-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#0006;z-index:10000;padding:30px 15px;overflow-y:auto;box-sizing:border-box}.form-container{width:100%;max-width:550px;background:#fff;padding:30px 25px;border-radius:14px;box-shadow:0 6px 20px #00000026;box-sizing:border-box}.form-container h1{text-align:center;color:#5d0a9a;font-size:1.9rem;margin-bottom:25px}.form-section-title{font-size:1.1rem;font-weight:600;color:#450978;margin-top:25px;margin-bottom:10px;border-bottom:2px solid #eee;padding-bottom:4px}.form-container input,.form-container select{display:block;width:100%;margin-bottom:14px;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:8px;outline:none;transition:all .2s ease-in-out;box-sizing:border-box}.form-container input:focus,.form-container select:focus{border-color:#5d0a9a;box-shadow:0 0 5px #5d0a9a33}.form-buttons{display:flex;gap:10px;margin-top:25px}.submit-btn,.cancel-btn{flex:1;padding:12px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.submit-btn{background-color:#5d0a9a;color:#fff}.submit-btn:hover{background-color:#450978}.cancel-btn{background-color:#777;color:#fff}.cancel-btn:hover{background-color:#555}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.form-container{max-width:100%;padding:20px}.address-grid{grid-template-columns:1fr}.form-container h1{font-size:1.6rem}}.ut-page{padding:28px;min-height:100vh;background:#f0f2ff;font-family:Poppins,sans-serif;color:#1a1a2e}.ut-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ut-title{font-size:1.6rem;font-weight:700;color:#3d3d9e;margin:0}.ut-search{padding:10px 16px;width:280px;background:#fff;border:2px solid #dde0ff;border-radius:12px;color:#333;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:16px}.ut-search::placeholder{color:#aaa}.ut-search:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1f}.ut-add-btn{padding:10px 22px;background:linear-gradient(135deg,#6c63ff,#48c6ef);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 4px 14px #6c63ff59;transition:transform .15s,box-shadow .15s;white-space:nowrap}.ut-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c63ff73}.ut-table-wrap{overflow-y:auto;max-height:calc(100vh - 210px);border-radius:16px;box-shadow:0 4px 24px #6c63ff1a;border:1px solid #e0e3ff;background:#fff}.ut-table{width:100%;border-collapse:collapse;background:#fff}.ut-table thead{position:sticky;top:0;z-index:10}.ut-table thead tr{background:linear-gradient(90deg,#6c63ff,#48c6ef)}.ut-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:#fff;white-space:nowrap}.ut-table td{padding:13px 16px;font-size:14px;color:#444;border-bottom:1px solid #f0f2ff;vertical-align:middle}.ut-table tbody tr:hover{background:#f5f4ff}.ut-table tbody tr:last-child td{border-bottom:none}.ut-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.ut-badge-lang{background:#e0f7fa;color:#0097a7}.ut-badge-std{background:#ede7f6;color:#5e35b1}.ut-actions{display:flex;align-items:center;gap:14px}.ut-icon-edit{color:#f59e0b;cursor:pointer;font-size:16px;transition:transform .15s}.ut-icon-key{color:#0891b2;cursor:pointer;font-size:16px;transition:transform .15s}.ut-icon-trash{color:#ef4444;cursor:pointer;font-size:16px;transition:transform .15s}.ut-icon-edit:hover,.ut-icon-key:hover,.ut-icon-trash:hover{transform:scale(1.3)}.ut-empty{padding:48px;text-align:center;color:#aaa;font-size:15px}.ut-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6c63ff;font-size:16px;font-family:Poppins,sans-serif}.ut-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e3c80;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ut-modal{width:420px;padding:32px;background:#fff;border-radius:18px;box-shadow:0 20px 60px #6c63ff33;border:1px solid #e0e3ff}.ut-modal h3{font-size:1.2rem;font-weight:700;color:#3d3d9e;margin:0 0 24px}.ut-modal label{display:block;font-size:13px;color:#666;margin-bottom:6px;font-weight:500}.ut-modal input{width:100%;padding:11px 14px;margin-bottom:16px;border-radius:10px;border:2px solid #dde0ff;background:#f8f8ff;color:#333;font-size:14px;font-family:Poppins,sans-serif;outline:none;box-sizing:border-box;transition:border-color .2s}.ut-modal input:focus{border-color:#6c63ff}.ut-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.ut-btn-cancel{padding:9px 18px;background:#f0f2ff;color:#666;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-family:Poppins,sans-serif;transition:background .2s}.ut-btn-cancel:hover{background:#e0e3ff}.ut-btn-save{padding:9px 22px;background:linear-gradient(135deg,#6c63ff,#48c6ef);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;box-shadow:0 4px 12px #6c63ff4d;transition:opacity .2s}.ut-btn-save:hover{opacity:.88}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;padding:30px;border-radius:12px;width:380px;box-shadow:0 8px 30px #0003}.modal-box h2{margin:0 0 20px;color:#333;font-size:1.3rem}.modal-input{display:block;width:100%;padding:12px;margin-bottom:14px;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;box-sizing:border-box}.modal-input:focus{border-color:#5d0a9a}.error-msg{color:red;font-size:.9rem;margin-bottom:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.modal-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.modal-btn.cancel{background:#e0e0e0;color:#333}.modal-btn.submit{background:#5d0a9a;color:#fff}.modal-btn.submit:hover{background:#450978}.profile-page{padding:28px;min-height:100vh;background:#f0f2ff;font-family:Poppins,sans-serif}.toast{position:fixed;top:20px;right:24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:12px 22px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:0 8px 24px #22c55e4d;z-index:9999;animation:fadeInOut 2.5s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-12px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.profile-banner{height:140px;background:linear-gradient(135deg,#6c63ff,#48c6ef);border-radius:20px 20px 0 0;position:relative;overflow:hidden}.profile-banner:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff1a;top:-100px;right:-60px}.profile-banner:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff12;bottom:-60px;left:80px}.profile-page>*:not(.toast){max-width:900px;margin-left:auto;margin-right:auto}.profile-banner,.profile-header,.form-section,.form-buttons{background:#fff;max-width:900px;margin:0 auto}.profile-banner{border-radius:20px 20px 0 0;margin-bottom:0}.profile-header{display:flex;align-items:center;gap:20px;padding:0 32px 20px;transform:translateY(-44px);margin-bottom:-44px;border-radius:0}.form-section{padding:20px 32px;border-top:1px solid #f0f2ff}.form-buttons{border-radius:0 0 20px 20px;border-top:1px solid #f0f2ff}.image-wrapper{position:relative;width:100px;height:100px;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 24px #6c63ff33;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#6c63ff,#48c6ef);transition:transform .2s ease}.image-wrapper:hover{transform:scale(1.04)}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;color:#fff}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#6c63ff80;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;cursor:pointer}.image-wrapper:hover .avatar-overlay,.avatar-overlay.editable{opacity:1}.avatar-file-input{display:none}.profile-title{flex:1}.profile-title h3{margin:0 0 4px;font-size:1.3rem;font-weight:700;color:#1a1a2e}.muted{margin:0;color:#888;font-size:14px}.profile-actions{display:flex;gap:10px;margin-left:auto}.plain-btn{padding:9px 20px;background:linear-gradient(135deg,#6c63ff,#48c6ef);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 4px 14px #6c63ff4d;transition:opacity .2s,transform .15s}.plain-btn:hover{opacity:.88;transform:translateY(-1px)}.outline-btn{padding:9px 20px;background:#f0f2ff;color:#6c63ff;border:1.5px solid #c4beff;border-radius:10px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s}.outline-btn:hover{background:#e5e0ff}.cancel-btn{padding:9px 20px;background:#f0f2ff;color:#666;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:#e5e0ff}.submit-btn{padding:9px 24px;background:linear-gradient(135deg,#6c63ff,#48c6ef);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 4px 14px #6c63ff4d;transition:opacity .2s}.submit-btn:hover{opacity:.88}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.form-section h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#6c63ff;background:#f0f2ff;display:inline-block;padding:4px 14px;border-radius:20px;margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.address-grid{grid-template-columns:repeat(3,1fr)}.field{display:flex;flex-direction:column}.field label{font-size:12px;font-weight:600;color:#888;margin-bottom:6px;text-transform:capitalize;letter-spacing:.3px}.form-input{padding:11px 14px;border-radius:10px;border:1.5px solid #e8eaff;background:#fafbff;font-size:14px;font-family:Poppins,sans-serif;color:#1a1a2e;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1f;background:#fff}.form-input[readonly],.form-input:disabled{background:#f5f6ff;color:#555;cursor:default}select.form-input{cursor:pointer}.form-buttons{display:flex;gap:12px;padding:18px 32px 28px;justify-content:flex-end}@media(max-width:900px){.address-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.profile-page{padding:16px}.profile-header{flex-direction:column;text-align:center;padding:0 20px 20px}.profile-actions{justify-content:center}.form-grid,.address-grid{grid-template-columns:1fr}.form-section{padding:16px 20px}}.language-container{height:100vh;display:flex;justify-content:center;align-items:center;background:#f6f9fc}.language-card{background:#fff;padding:32px;width:380px;border-radius:12px;box-shadow:0 4px 14px #00000014;text-align:center}.language-card h2{margin-bottom:8px;font-size:24px;color:#333}.subtext{margin-bottom:24px;font-size:14px;color:#666}.button-group{display:flex;flex-direction:column;gap:14px}.lang-btn{padding:14px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:.25s ease;font-weight:500}.lang-btn.english{background:#007bff;color:#fff}.lang-btn.english:hover{background:#0062cc}.lang-btn.marathi{background:#d9534f;color:#fff}.lang-btn.marathi:hover{background:#c12e2a}.lang-btn.semi{background:#f0ad4e;color:#fff}.lang-btn.semi:hover{background:#ec971f}.standards-container{padding:20px;text-align:center;max-width:1200px;margin:auto}.standards-container h2{font-size:22px;font-weight:700;color:#1a1a2e;letter-spacing:.4px;position:relative;display:inline-block;padding-bottom:10px}.standards-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:48px;height:3px;background:linear-gradient(90deg,#1565c0,#42a5f5);border-radius:2px}.standards-grid{display:grid;gap:18px;margin-top:25px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.standard-card{cursor:pointer;background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 6px #0000001a;transition:.25s ease;display:flex;flex-direction:column;align-items:center}.standard-card:hover{transform:translateY(-4px)}.standard-card img{width:100%;max-width:100px;height:100px;object-fit:contain}.standard-card p{margin-top:8px;font-weight:600;font-size:14px}@media(max-width:768px){.standards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:480px){.standards-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.standard-card img{max-width:80px;height:80px}.standard-card p{font-size:13px}}.co-page{min-height:100vh;background:#f4f6fb;display:flex;flex-direction:column}.co-back-btn{background:none;border:none;color:#6c47d8;font-size:15px;font-weight:600;cursor:pointer;padding:16px 20px 0;display:inline-flex;align-items:center;gap:4px;align-self:flex-start}.co-back-btn:hover{text-decoration:underline}.co-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 24px 28px;gap:16px}.co-title{font-size:22px;font-weight:700;color:#0ea5c9;text-align:center;margin:0}.co-image-wrap{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000001a}.co-image{width:100%;max-height:320px;object-fit:contain;display:block}.co-author{font-size:14px;color:#0ea5c9;font-weight:500;margin:0}.co-actions{display:flex;gap:12px;width:100%;padding:16px;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000012;margin-top:auto}.co-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;border:none;border-radius:16px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 14px #00000021}.co-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000002e}.co-btn:active{transform:translateY(0)}.co-btn-icon{font-size:22px;font-weight:800;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px 10px #0003}.co-btn-listen{background:linear-gradient(160deg,#1a1a2e,#2d2d5e);color:#e0e0ff}.co-btn-listen .co-btn-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);font-size:20px}.co-btn-read{background:linear-gradient(160deg,#5b21b6,#7c3aed);color:#f3e8ff}.co-btn-read .co-btn-icon{background:linear-gradient(135deg,#a855f7,#d946ef)}.co-btn-quiz{background:linear-gradient(160deg,#0369a1,#0ea5e9);color:#e0f2fe}.co-btn-quiz .co-btn-icon{background:linear-gradient(135deg,#06b6d4,#0284c7)}.topics-container{max-width:700px;margin:40px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.topics-heading{text-align:center;font-size:22px;margin-bottom:24px;color:#333}.no-topics{text-align:center;color:#888;font-size:15px}.topics-list{list-style:none;padding:0;margin:0}.topic-item{display:flex;align-items:center;padding:14px 18px;margin-bottom:10px;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .25s ease;border:1px solid #e0e0e0}.topic-item:hover{background:#e9f3ff;transform:translateY(-1px);border-color:#b8daff}.topic-icon{font-size:20px;margin-right:12px;color:#007bff}.topic-name{font-size:16px;color:#333;font-weight:500}.cv-page{display:flex;flex-direction:column;background:#f0f2f8;min-height:calc(100vh - 60px)}.cv-header{background:linear-gradient(135deg,#1a1a2e,#2d2d5e);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #00000040}.cv-back-btn{background:#ffffff1f;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .2s}.cv-back-btn:hover{background:#ffffff40;transform:scale(1.08)}.cv-chapter-title{flex:1;font-size:15px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8e8ff}.cv-listen-btn{background:#ffffff1f;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .2s}.cv-listen-btn:hover{background:#ffffff40;transform:scale(1.08)}.cv-listening{background:#6c47d899!important;animation:cv-pulse 1s infinite}@keyframes cv-pulse{0%,to{opacity:1;box-shadow:0 0 #a855f780}50%{opacity:.85;box-shadow:0 0 0 6px #a855f700}}.cv-page-count{font-size:12px;font-weight:600;background:#ffffff1f;padding:4px 12px;border-radius:20px;white-space:nowrap;flex-shrink:0;color:#ccc}.cv-body{flex:1;padding:16px 14px 12px;width:100%;box-sizing:border-box;perspective:1200px}.cv-status{text-align:center;color:#888;margin-top:60px;font-size:15px}.cv-content{transform-style:preserve-3d;transform-origin:center center}.cv-content-enter{animation:cv-fade-in .35s ease forwards}.cv-content-flip-next-out{animation:cv-flip-left-out .25s ease-in forwards}.cv-content-flip-next-in{animation:cv-flip-right-in .3s ease-out forwards}.cv-content-flip-prev-out{animation:cv-flip-right-out .25s ease-in forwards}.cv-content-flip-prev-in{animation:cv-flip-left-in .3s ease-out forwards}@keyframes cv-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cv-flip-left-out{0%{opacity:1;transform:perspective(1000px) rotateY(0) scale(1)}to{opacity:0;transform:perspective(1000px) rotateY(-25deg) scale(.95) translate(-30px)}}@keyframes cv-flip-right-in{0%{opacity:0;transform:perspective(1000px) rotateY(25deg) scale(.95) translate(30px)}to{opacity:1;transform:perspective(1000px) rotateY(0) scale(1) translate(0)}}@keyframes cv-flip-right-out{0%{opacity:1;transform:perspective(1000px) rotateY(0) scale(1)}to{opacity:0;transform:perspective(1000px) rotateY(25deg) scale(.95) translate(30px)}}@keyframes cv-flip-left-in{0%{opacity:0;transform:perspective(1000px) rotateY(-25deg) scale(.95) translate(-30px)}to{opacity:1;transform:perspective(1000px) rotateY(0) scale(1) translate(0)}}.cv-text-page{display:flex;flex-direction:column;gap:16px}.cv-text-box{border-radius:20px;padding:28px 24px;box-shadow:0 6px 24px #00000017;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.cv-text-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6c47d8,#a855f7,#06b6d4);border-radius:20px 20px 0 0}.cv-text{margin:0;line-height:2.1;color:#1a1a2e;text-align:center;white-space:pre-wrap;letter-spacing:.03em}.cv-text-large{font-size:21px;font-weight:500}.cv-text-small{font-size:15px;font-weight:400}.cv-image-page{display:flex;flex-direction:column;gap:14px}.cv-content-image{width:100%;max-height:280px;object-fit:contain;border-radius:18px;box-shadow:0 8px 28px #00000026;display:block;background:#fff}.cv-media-page{display:flex;flex-direction:column;gap:16px}.cv-video{width:100%;border-radius:14px;box-shadow:0 4px 16px #0000001f;background:#000;max-height:400px}.cv-audio-wrap{background:linear-gradient(135deg,#1a1a2e,#2d2d5e);border-radius:16px;padding:20px;display:flex;justify-content:center}.cv-audio{width:100%;border-radius:8px}.cv-media-caption{font-size:15px;color:#555;text-align:center;margin:0}.cv-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 18px;background:#fff;border-top:1px solid #ebebf5;gap:12px;width:100%;box-sizing:border-box;box-shadow:0 -4px 20px #0000000f}.cv-nav-btn{padding:11px 24px;border:none;border-radius:28px;font-size:13px;font-weight:700;cursor:pointer;background:#ede9fb;color:#6c47d8;transition:transform .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.cv-nav-btn:hover:not(:disabled){background:#6c47d8;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #6c47d859}.cv-nav-btn:active:not(:disabled){transform:scale(.96)}.cv-nav-btn:disabled{background:#f0f0f0;color:silver;cursor:default}.cv-nav-btn-next{background:linear-gradient(135deg,#6c47d8,#a855f7);color:#fff;box-shadow:0 4px 14px #6c47d84d}.cv-nav-btn-next:hover:not(:disabled){background:linear-gradient(135deg,#5b38c0,#9333ea);color:#fff;box-shadow:0 6px 20px #6c47d873}.cv-nav-btn-next:disabled{background:#f0f0f0;box-shadow:none;color:silver}.cv-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;flex:1}.cv-dot{width:7px;height:7px;border-radius:50%;background:#ddd;cursor:pointer;transition:background .2s,transform .2s,width .2s;flex-shrink:0}.cv-dot-active{background:linear-gradient(135deg,#6c47d8,#a855f7);transform:scale(1.3);width:18px;border-radius:4px}.cv-finish{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:12px;text-align:center}.cv-finish-msg{font-size:32px;font-weight:800;color:#1a1a2e;margin:0}.cv-finish-sub{font-size:16px;color:#666;margin:0}.cv-finish-badge{font-size:100px;line-height:1;margin:16px 0;animation:cv-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes cv-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cv-finish-actions{display:flex;gap:14px;margin-top:8px}.cv-finish-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.cv-finish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cv-finish-btn span{width:28px;height:28px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:13px}.cv-finish-btn-read{background:linear-gradient(135deg,#6c47d8,#a855f7);color:#fff}.cv-finish-btn-quiz{background:linear-gradient(135deg,#0ea5c9,#06b6d4);color:#fff}.mcq-page{display:flex;flex-direction:column;background:#f4f6fb;min-height:calc(100vh - 60px)}.mcq-status{text-align:center;color:#888;margin-top:60px;font-size:15px}.mcq-header{background:linear-gradient(135deg,#6c47d8,#a855f7);color:#fff;padding:14px 20px;display:flex;align-items:center;gap:12px;border-radius:12px;margin-bottom:8px}.mcq-back-btn{background:#fff3;border:none;color:#fff;width:34px;height:34px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcq-back-btn:hover{background:#ffffff59}.mcq-title{font-size:16px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcq-pills{display:flex;gap:6px;flex-wrap:wrap;padding:14px 20px;background:#fff;border-bottom:1px solid #eee}.mcq-pill{width:32px;height:32px;border-radius:6px;background:#e0daf7;color:#6c47d8;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:default}.mcq-pill-active{background:#3b4aff;color:#fff}.mcq-pill-correct{background:#22c55e;color:#fff}.mcq-pill-wrong{background:#ef4444;color:#fff}.mcq-body{padding:20px;max-width:680px;margin:0 auto;width:100%;box-sizing:border-box}.mcq-q-image{width:100%;border-radius:12px;margin-bottom:16px}.mcq-question{font-size:17px;font-weight:700;color:#1a1a2e;line-height:1.5;margin:0 0 20px}.mcq-options{display:flex;flex-direction:column;gap:10px}.mcq-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:2px solid #e8e0f7;border-radius:12px;cursor:pointer;text-align:left;font-size:15px;transition:border-color .15s,background .15s}.mcq-option:hover{border-color:#6c47d8;background:#f3eeff}.mcq-correct{border-color:#22c55e!important;background:#f0fdf4!important}.mcq-wrong{border-color:#ef4444!important;background:#fff1f1!important}.mcq-dimmed{opacity:.5;cursor:default}.mcq-opt-num{width:30px;height:30px;border-radius:50%;border:2px solid #6c47d8;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#6c47d8;flex-shrink:0}.mcq-correct .mcq-opt-num{border-color:#22c55e;color:#22c55e}.mcq-wrong .mcq-opt-num{border-color:#ef4444;color:#ef4444}.mcq-opt-text{flex:1;color:#222}.mcq-opt-image{max-height:60px;border-radius:6px}.mcq-next-btn{width:100%;margin-top:24px;padding:16px;background:linear-gradient(135deg,#6c47d8,#a855f7);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .15s}.mcq-next-btn:hover{opacity:.92}.mcq-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px}.mcq-result-score{font-size:64px;font-weight:800;color:#6c47d8;line-height:1}.mcq-result-label{font-size:16px;color:#666;margin:0}.mcq-retry-btn{padding:12px 36px;background:linear-gradient(135deg,#6c47d8,#a855f7);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}.mcq-home-btn{padding:12px 36px;background:#fff;color:#6c47d8;border:2px solid #6c47d8;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer}.exam-dashboard{max-width:700px;margin:40px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 3px 14px #0000001a}.exam-dashboard h2{text-align:center;margin-bottom:16px;color:#333}.exam-dashboard p{text-align:center;color:#555;margin-bottom:20px}.exam-form{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.exam-form label{font-weight:500}.exam-form input{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:15px}.exam-list{list-style:none;padding:0;margin:15px 0}.exam-item{background:#f8f9fa;padding:12px 16px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;border:1px solid #e2e2e2}.exam-icon{margin-right:10px;color:#007bff}.generate-btn{display:block;margin:25px auto 0;background:#007bff;color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:16px;cursor:pointer;transition:.25s}.generate-btn:hover{background:#0056b3}.exam-setup{max-width:800px;margin:40px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 3px 14px #00000014;font-family:Inter,sans-serif}.exam-setup h2{text-align:center;font-size:24px;font-weight:600;color:#222;margin-bottom:25px}.exam-setup label{font-weight:500;display:block;margin:12px 0 6px;color:#333}.exam-setup select,.exam-setup input[type=number],.exam-setup input[type=text]{width:100%;padding:10px 12px;font-size:15px;border:1px solid #d0d0d0;border-radius:8px;outline:none;transition:border-color .25s ease}.exam-setup select:focus,.exam-setup input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.multi-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:10px 0 20px}.multi-select label{display:flex;align-items:center;background:#f8f9fa;border:1px solid #e2e2e2;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease}.multi-select input{margin-right:8px}.multi-select label:hover{background:#e9f3ff;border-color:#b8daff}.topic-row{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:1px solid #e2e2e2;padding:10px 14px;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.topic-row:hover{background:#eef6ff;border-color:#b8daff}.topic-row span{flex:1;color:#333;font-weight:500}.topic-row input{width:80px;text-align:center;padding:6px 8px;border-radius:6px;border:1px solid #ccc}.next-btn{display:block;margin:30px auto 0;background:#007bff;color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:16px;cursor:pointer;font-weight:500;transition:all .25s ease}.next-btn:hover{background:#0056b3}.next-btn:disabled{background:#a7c3e0;cursor:not-allowed}h3{margin-top:25px;margin-bottom:10px;color:#222;font-size:18px}.language-options{display:flex;justify-content:center;gap:12px;margin:15px 0 25px}.lang-btn{background:#f1f3f6;border:1px solid #ccc;border-radius:8px;padding:10px 18px;font-size:15px;cursor:pointer;color:#333;transition:all .2s ease}.lang-btn:hover{background:#e7efff;border-color:#007bff}.lang-btn.active{background:#007bff;color:#fff;border-color:#007bff}.same-count-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:10px 0 18px}.same-count-bar input{width:150px;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.same-count-bar button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.same-count-bar button:hover{background:#0056b3}.progress-card{width:100%;background:#f5f5f5;padding:12px;border-radius:10px;margin-top:10px;position:relative}.progress-row{display:flex;align-items:center}.progress-bar{flex:1;height:20px;margin-right:10px}.question-counter span{font-size:16px;color:#000}.timer-text{text-align:center;margin-top:8px;font-size:22px;font-weight:700;color:red}.question-card{width:100%;background:#fff;padding:18px;margin-top:12px;border-radius:10px;box-shadow:0 1px 3px #0000001a}.question-row{display:flex;align-items:flex-start}.question-sound-icon{width:32px;height:32px;margin-right:10px}.question-text{font-size:22px;color:#222;margin:0}.italic-bold-text{margin-top:10px;margin-left:42px;font-size:18px;font-weight:700;font-style:italic;color:#222}.action-buttons-container{display:flex;justify-content:space-between;margin-top:12px;padding:0 10px}.demo-button,.hint-button{background:#e0e0e0;border:none;padding:6px 14px;font-size:14px;color:#000;border-radius:6px;cursor:pointer;transition:.2s ease}.demo-button:hover,.hint-button:hover{background:#d0d0d0}.explanation-button{background:#ede7ff;border:1px solid #7c4dff;padding:6px 14px;font-size:14px;color:#4a148c;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s ease;display:block;margin-top:12px}.explanation-button:hover{background:#d4bcff}.arithmetic-operator-card{width:100%;background:#f5f5f5;padding:20px;border-radius:12px;margin-top:15px}.arithmetic-operator-row{display:flex;justify-content:center;align-items:center}.arithmetic-image{width:160px;height:160px;object-fit:contain;margin:0 10px}.arithmetic-operator{font-size:50px;font-weight:700;color:#000;margin:0 15px}.cube-wrapper{display:flex;align-items:flex-start;margin-top:20px;margin-left:80px;font-size:34px;color:#000}.cube-parenthesis{font-size:60px;margin:0 8px}.cube-text{font-size:34px;margin:0 5px}.cube-operator{font-size:34px;margin:0 8px}.cube-power{font-size:24px;margin-left:4px;margin-top:-18px;position:relative}.cube-fraction{display:flex;flex-direction:column;align-items:center;margin:0 6px}.frac-num{font-size:28px}.frac-line{width:100%;height:2px;background:#000;margin:3px 0}.frac-den{font-size:28px}.center-equation-container{width:100%;display:flex;justify-content:center;margin:20px 0}.center-equation-text{font-size:32px;font-weight:500;color:#000;text-align:center;padding:10px}.result-section-card{width:100%;background:#fff;border-radius:12px;padding:20px;margin-top:15px}.result-row{display:flex;align-items:center;justify-content:center;margin-bottom:18px}.result-var{font-size:55px;margin-right:10px}.result-equals{font-size:70px;margin-right:15px}.result-input{width:200px;height:70px;font-size:50px;text-align:center;border:2px solid #ccc;border-radius:8px}.degree-symbol{font-size:60px;margin-left:10px}.secondary-row{margin-top:15px}.secondary-label{font-size:40px;margin-right:15px}.secondary-input{width:250px;height:100px;font-size:50px;text-align:center;border:2px solid #ccc;border-radius:8px}.nav-buttons-container{display:flex;justify-content:space-between;margin-top:20px}.nav-btn{padding:10px 18px;font-size:16px;border-radius:8px;border:none;cursor:pointer;background:#e0e0e0;transition:.2s ease;min-width:90px}.nav-btn:hover{background:#d0d0d0}.back{background:#f2f2f2}.skip{background:#e8e8e8}.next{background:#c0e8ff}.mcq-options-container{width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box}.mcq-option{display:flex;align-items:center;gap:12px}.mcq-label{width:48px;height:48px;background:#1976d2;border-radius:50%;color:#fff;font-size:20px;font-weight:600;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 6px #00000040;-webkit-user-select:none;user-select:none}.mcq-text{flex:1;padding:14px 16px;background:#f6f8fa;border-radius:10px;border:2px solid transparent;font-size:18px;color:#222;cursor:pointer;transition:all .25s ease}.mcq-option:hover .mcq-text{background:#eaf3ff;border-color:#1976d2}.mcq-text.selected{background:#1976d2;color:#000;border-color:#115293;font-weight:600}@media(max-width:600px){.mcq-label{width:38px;height:38px;font-size:18px}.mcq-text{font-size:16px;padding:12px}}.correct-option{background:#e3f8e6;border:2px solid #22a63b}.wrong-option{background:#ffeaea;border:2px solid #ff4b4b}.correct-icon{color:#22a63b;margin-left:8px}.wrong-icon{color:#ff4b4b;margin-left:8px}.option-image{max-height:80px;margin-top:6px}.arithmetic-operator-card{width:100%;background:#f5f5f5;padding:20px;border-radius:16px;margin-top:10px;box-shadow:0 2px 6px #0000001a}.mcq-options-container{display:flex;flex-direction:column;gap:14px}.mcq-option{display:flex;align-items:center;gap:14px;border:2px solid #e2e2e2;padding:12px;border-radius:12px;cursor:pointer;background:#fafafa;transition:.2s}.mcq-option:hover{background:#e9f2ff;border-color:#2575fc}.mcq-label{width:40px;height:40px;background:#2575fc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.mcq-text{flex:1;font-size:17px;color:#222}.layout-crossfade{position:relative;min-height:200px}.layout-fade-layer{animation:fadeInOut .35s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(6px)}40%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.spinner{width:36px;height:36px;border:4px solid #e0e0e0;border-top:4px solid #333;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drag-source{border:2px dashed #4caf50;padding:4px 6px;border-radius:6px;background-color:#f1f8e9;transition:transform .15s ease,box-shadow .15s ease;cursor:grab}.drag-source:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.drag-source:before{content:"⠿";margin-right:6px;color:#4caf50;font-weight:700}.drop-target{background:#f1f8e9}.hint-card{margin:14px 10px 0;border-radius:12px;background:#fffbea;border:1px solid #f5c842;box-shadow:0 2px 8px #f5c84226;overflow:hidden}.hint-card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5c842}.hint-icon{font-size:18px}.hint-title{font-size:15px;font-weight:700;color:#fff}.hint-loading{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#555;font-size:14px}.hint-loading p{margin:0}.hint-spinner{width:18px;height:18px;border:2px solid #fde9a0;border-top-color:#f5c842;border-radius:50%;animation:hint-spin .8s linear infinite;flex-shrink:0}@keyframes hint-spin{to{transform:rotate(360deg)}}.hint-body{padding:12px 16px 16px}.hint-content-box{background:#fff;border:1px solid #fde68a;border-radius:8px;padding:10px 14px}.hint-text{font-size:14px;color:#5a4000;line-height:1.7;margin:0;white-space:pre-wrap}.hint-error{padding:14px 16px;font-size:14px;color:#c0392b;margin:0}.demo-card{margin:14px 10px 0;border-radius:12px;background:#f0f7ff;border:1px solid #4a90d9;box-shadow:0 2px 8px #4a90d926;overflow:hidden}.demo-card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#4a90d9}.demo-icon{font-size:18px}.demo-title{font-size:15px;font-weight:700;color:#fff}.demo-loading{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#555;font-size:14px}.demo-loading p{margin:0}.demo-spinner{width:18px;height:18px;border:2px solid #b3d4f5;border-top-color:#4a90d9;border-radius:50%;animation:demo-spin .8s linear infinite;flex-shrink:0}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-steps{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}.demo-step{display:flex;gap:12px;align-items:flex-start}.demo-step-number{min-width:28px;height:28px;border-radius:50%;background:#4a90d9;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.demo-step-body{flex:1;background:#fff;border:1px solid #c8e0f7;border-radius:8px;padding:8px 12px}.demo-step-title{font-size:13px;font-weight:700;color:#1a4f7a;margin:0 0 4px}.demo-step-content{font-size:14px;color:#333;margin:0;line-height:1.6;white-space:pre-wrap;font-family:inherit}.demo-answer{margin:4px 0 0;background:#e8f5e9;border:1px solid #66bb6a;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px}.demo-answer-label{font-size:13px;font-weight:700;color:#2e7d32;white-space:nowrap}.demo-answer-value{font-size:15px;font-weight:700;color:#1b5e20}.demo-error{padding:14px 16px;font-size:14px;color:#c0392b;margin:0}.qp-wrapper{margin-bottom:8px}.qp-text{font-size:16px;font-weight:600;margin:0 0 6px;line-height:1.5;color:#222}.qp-index{color:#555;margin-right:4px}.qp-numlist{font-size:15px;font-style:italic;font-weight:600;color:#333;margin:4px 0 8px}.qp-image-wrap{margin:8px 0;display:flex;justify-content:center}.qp-image{max-width:200px;max-height:160px;width:auto;height:auto;border-radius:8px;object-fit:contain;border:1px solid #e0e0e0}.qp-image-pair{display:flex;gap:12px;justify-content:center;margin:8px 0;flex-wrap:wrap}.qp-image-pair-img{max-width:130px;max-height:120px;width:auto;height:auto;border-radius:8px;object-fit:contain;border:1px solid #e0e0e0}.qp-equation{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.qp-number{font-size:22px;font-weight:700;color:#1a1a2e;background:#f0f4ff;padding:6px 14px;border-radius:8px;border:1px solid #c5cae9}.qp-operator{font-size:22px;font-weight:700;color:#3f51b5;min-width:20px;text-align:center}.qp-fractions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.qp-fraction{display:flex;align-items:center;gap:4px}.qp-fraction-whole{font-size:22px;font-weight:700;color:#1a1a2e}.qp-fraction-part{display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:700;color:#1a1a2e}.qp-fraction-line{display:block;width:100%;height:2px;background:#1a1a2e;margin:2px 0}.explanation-card{margin:14px 10px 0;border-radius:12px;background:#f5f0ff;border:1px solid #7c4dff;box-shadow:0 2px 8px #7c4dff26;overflow:hidden}.explanation-card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#7c4dff}.explanation-icon{font-size:18px}.explanation-title{font-size:15px;font-weight:700;color:#fff}.explanation-result-badge{margin-left:auto;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;color:#fff}.explanation-result-badge.correct{background:#2e7d32}.explanation-result-badge.wrong{background:#c62828}.explanation-loading{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#555;font-size:14px}.explanation-loading p{margin:0}.explanation-spinner{width:18px;height:18px;border:2px solid #d4bcff;border-top-color:#7c4dff;border-radius:50%;animation:explanation-spin .8s linear infinite;flex-shrink:0}@keyframes explanation-spin{to{transform:rotate(360deg)}}.explanation-steps{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}.explanation-step{display:flex;gap:12px;align-items:flex-start}.explanation-step-number{min-width:28px;height:28px;border-radius:50%;background:#7c4dff;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.explanation-step-body{flex:1;background:#fff;border:1px solid #d4bcff;border-radius:8px;padding:8px 12px}.explanation-step-title{font-size:13px;font-weight:700;color:#4a148c;margin:0 0 4px}.explanation-step-content{font-size:14px;color:#333;margin:0;line-height:1.6;white-space:pre-wrap;font-family:inherit}.explanation-answer{margin:4px 0 0;background:#e8f5e9;border:1px solid #66bb6a;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px}.explanation-answer-label{font-size:13px;font-weight:700;color:#2e7d32;white-space:nowrap}.explanation-answer-value{font-size:15px;font-weight:700;color:#1b5e20}.explanation-body{padding:12px 16px 16px}.explanation-content-box{background:#fff;border:1px solid #d4bcff;border-radius:8px;padding:10px 14px}.explanation-text{font-size:14px;color:#2d1b69;line-height:1.7;margin:0;white-space:pre-wrap}.explanation-error{padding:14px 16px;font-size:14px;color:#c0392b;margin:0}.result-scroll{width:92%;margin:auto;padding:10px 0;overflow-y:auto}.result-summary-card{background:#fff;padding:16px;border-radius:12px;margin-bottom:18px;margin-top:10px;box-shadow:0 3px 10px #00000024}.topic-name{font-size:22px;font-weight:700;margin-bottom:12px;text-align:center}.summary-student-name{text-align:center;font-size:14px;color:#555;margin:-6px 0 10px}.summary-line{display:flex;justify-content:space-between;padding:6px 0;font-size:17px}.correct-text b{color:#0a7a0a}.wrong-text b{color:#d90429}.summary-buttons{display:flex;gap:10px;margin-top:14px}.btn-nav,.btn-save{flex:1;padding:10px;cursor:pointer;font-size:15px;font-weight:700;border-radius:6px;border:none}.btn-nav{background:#e0e0e0}.btn-save{background:#0096ff;color:#fff}.result-item-card{background:#fff;padding:18px;margin:14px 0;border-radius:10px;box-shadow:0 3px 10px #0000001a}.question-text{font-size:18px;font-weight:600}.italic-bold{font-style:italic;font-weight:600;margin-top:6px;color:#333}.question-equation{font-weight:700;margin-top:10px;text-align:center}.question-image{width:140px;height:auto;margin:10px auto;display:block}.option-card{background:#f8f8f8;padding:10px;margin-top:10px;border-radius:8px;display:flex;align-items:center}.option-index{font-size:18px;font-weight:700;margin-right:12px}.option-text{font-size:16px}.option-image{width:100px;height:auto;margin-left:12px}.correct-option{background-color:#a0f2b0!important;border-left:6px solid #0a830a}.wrong-option{background-color:#ffb4b4!important;border-left:6px solid #d90429}.correct-answer{border-left:6px solid #4caf50;background:#4caf5014}.wrong-answer{border-left:6px solid #f44336;background:#f4433614}.answer-check{padding:12px;margin-top:10px;border-radius:8px}.pdf-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:999998;display:flex;align-items:center;justify-content:center}.pdf-loading-box{background:#fff;border-radius:12px;padding:28px 36px;text-align:center;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;align-items:center;gap:14px}.pdf-loading-box p{margin:0;font-size:15px;font-weight:600;color:#333}.save-pdf-wrapper{flex:1;position:relative}.save-pdf-wrapper .btn-save{width:100%}.save-pdf-menu{position:absolute;bottom:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid #d0d0d0;border-radius:8px;box-shadow:0 4px 16px #00000026;overflow:hidden;z-index:100}.save-pdf-option{display:block;width:100%;padding:11px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:500;cursor:pointer;color:#222;transition:background .15s}.save-pdf-option:hover{background:#f0f4ff}.save-pdf-option+.save-pdf-option{border-top:1px solid #eee}