.quizmate-page{--qm-brand:#956458;--qm-brand-dark:#75483f;--qm-brand-soft:#f4ece9;--qm-ink:#201917;--qm-muted:#716966;--qm-line:#ece4e1;--qm-success:#2f765f;background:radial-gradient(circle at 90% 5%,rgba(149,100,88,.1),transparent 28rem),radial-gradient(circle at 0 28%,rgba(244,184,90,.09),transparent 25rem),#fff;color:var(--qm-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.qm-content-under-header{padding-top:76px}.quizmate-page a{text-decoration:none}.quizmate-page .text-brand{color:var(--qm-brand)!important}.quizmate-page .bg-brand-soft{background:var(--qm-brand-soft)!important}.quizmate-page .qm-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.9);border-bottom:1px solid hsla(16,22%,90%,.78);z-index:1030}.quizmate-page .navbar-brand{color:var(--qm-ink);font-weight:850;letter-spacing:-.04em}.quizmate-page .qm-header-logo{display:block;height:auto;width:130px}.quizmate-page .brand-mark{background:linear-gradient(135deg,var(--qm-brand),#b98a7e);border-radius:12px;box-shadow:0 8px 22px rgba(149,100,88,.24);color:#fff;height:38px;width:38px}.quizmate-page .nav-link{color:#5c5350!important;font-weight:600}.quizmate-page .nav-link:hover{color:var(--qm-brand)!important}.quizmate-page .discovery-dropdown{border:1px solid var(--qm-line);border-radius:16px;box-shadow:0 18px 45px rgba(67,46,41,.13);margin-top:.55rem;min-width:245px;padding:.45rem}.quizmate-page .discovery-dropdown .dropdown-item{align-items:center;border-radius:11px;color:#514946;display:flex;gap:.7rem;padding:.65rem .7rem}.quizmate-page .discovery-dropdown .dropdown-item:hover{background:var(--qm-brand-soft);color:var(--qm-brand-dark)}.quizmate-page .discovery-dropdown .dropdown-item>i{color:var(--qm-brand);font-size:1rem;text-align:center;width:20px}.quizmate-page .discovery-dropdown .dropdown-item span{display:flex;flex-direction:column;min-width:0}.quizmate-page .discovery-dropdown .dropdown-item strong{font-size:.86rem;font-weight:750}.quizmate-page .discovery-dropdown .dropdown-item small{color:#8a807d;font-size:.7rem;margin-top:2px}.quizmate-page .header-auth{gap:.55rem}.quizmate-page .header-create-btn{background:var(--qm-brand);border:1px solid var(--qm-brand);border-radius:12px;box-shadow:0 8px 20px rgba(149,100,88,.18);color:#fff;font-size:.9rem;font-weight:750;gap:.45rem;padding:.62rem .9rem;transition:.2s ease}.quizmate-page .header-create-btn:hover{background:var(--qm-brand-dark);border-color:var(--qm-brand-dark);color:#fff;transform:translateY(-1px)}.quizmate-page .header-icon-btn{background:#fff;border:1px solid var(--qm-line);border-radius:12px;color:#625956;display:grid;height:42px;padding:0;place-items:center;position:relative;transition:.2s ease;width:42px}.quizmate-page .header-icon-btn:hover{background:var(--qm-brand-soft);border-color:#dfcbc5;color:var(--qm-brand)}.quizmate-page .header-notification-dot{background:#d95b4f;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:7px;top:7px;width:8px}.quizmate-page .user-menu-toggle{background:#fff;border:1px solid var(--qm-line)!important;border-radius:14px;color:var(--qm-ink);gap:.65rem;min-width:178px;padding:.32rem .48rem .32rem .36rem;transition:.2s ease}.quizmate-page .user-menu-toggle.show,.quizmate-page .user-menu-toggle:hover{background:#fffaf8;border-color:#ddc8c2!important;color:var(--qm-ink)}.quizmate-page .header-avatar{background:0 0;border-radius:11px;color:#fff;display:grid;flex:0 0 auto;font-size:.76rem;font-weight:850;height:36px;overflow:hidden;place-items:center;width:36px}.quizmate-page .header-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.quizmate-page .user-menu-text{flex:1;line-height:1.15;min-width:0;text-align:left}.quizmate-page .user-menu-name{display:block;font-size:.88rem;font-weight:780;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quizmate-page .user-menu-role{color:#8a807d;display:block;font-size:.68rem;font-weight:600;margin-top:3px}.quizmate-page .user-dropdown{border:1px solid var(--qm-line);border-radius:18px;box-shadow:0 22px 55px rgba(67,46,41,.14);margin-top:.65rem!important;padding:.65rem;width:286px}.quizmate-page .user-dropdown-head{border-bottom:1px solid #f1eae7;gap:.75rem;margin-bottom:.35rem;padding:.55rem .55rem .75rem}.quizmate-page .user-dropdown-head .header-avatar{border-radius:13px;height:42px;width:42px}.quizmate-page .user-dropdown-email{color:#8a807d;font-size:.75rem;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quizmate-page .user-dropdown .dropdown-item{border-radius:11px;color:#514946;font-size:.88rem;font-weight:620;gap:.7rem;padding:.7rem .75rem}.quizmate-page .user-dropdown .dropdown-item i{color:#8a7873;font-size:1rem;text-align:center;width:20px}.quizmate-page .user-dropdown .dropdown-item:hover{background:var(--qm-brand-soft);color:var(--qm-brand-dark)}.quizmate-page .user-dropdown .logout-item{color:#a64d43}.quizmate-page .btn-brand{--bs-btn-color:#fff;--bs-btn-bg:var(--qm-brand);--bs-btn-border-color:var(--qm-brand);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--qm-brand-dark);--bs-btn-hover-border-color:var(--qm-brand-dark);border-radius:14px;box-shadow:0 10px 26px rgba(149,100,88,.22);font-weight:700;padding:.82rem 1.25rem}.quizmate-page .btn-outline-brand{background:#fff;border:1px solid rgba(149,100,88,.28);border-radius:14px;color:var(--qm-brand);font-weight:700;padding:.82rem 1.25rem}.quizmate-page .btn-outline-brand:hover{background:var(--qm-brand);border-color:var(--qm-brand);color:#fff}@media (max-width:991.98px){.quizmate-page .discovery-dropdown{background:0 0;border:0;border-radius:0;box-shadow:none;margin-top:0;padding:.15rem 0 .35rem 1rem}.quizmate-page .discovery-dropdown .dropdown-item{padding:.55rem .7rem}}.quizmate-page .hero{padding:8.7rem 0 5rem;position:relative}.quizmate-page .eyebrow{background:hsla(16,33%,94%,.88);border:1px solid rgba(149,100,88,.12);border-radius:999px;color:var(--qm-brand-dark);font-size:.86rem;font-weight:750;gap:.55rem;padding:.48rem .8rem}.quizmate-page .hero h1{font-size:clamp(2.75rem,6vw,5.4rem);font-weight:900;letter-spacing:-.065em;line-height:.97;max-width:790px}.quizmate-page .hero-copy{color:var(--qm-muted);font-size:1.08rem;line-height:1.75;max-width:650px}.quizmate-page .hero-note{color:#7c726f;font-size:.88rem}.quizmate-page .hero-visual{min-height:550px;position:relative}.quizmate-page .app-shell{background:hsla(0,0%,100%,.92);border:1px solid hsla(16,22%,90%,.95);border-radius:30px;box-shadow:0 30px 80px rgba(74,49,43,.14);inset:1rem 0 0 2rem;padding:18px;position:absolute;transform:rotate(1.5deg)}.quizmate-page .app-topbar{background:#fff7f4;border-radius:20px;padding:15px 16px}.quizmate-page .avatar{background:linear-gradient(135deg,#f4b85a,var(--qm-brand));border-radius:50%;color:#fff;display:grid;font-weight:800;height:38px;place-items:center;width:38px}.quizmate-page .progress-card{background:linear-gradient(135deg,#82564b,#a9776a);border-radius:24px;color:#fff;margin-top:15px;padding:22px}.quizmate-page .progress-card:after{background:hsla(0,0%,100%,.08);border-radius:50%;content:"";height:140px;position:absolute;right:-40px;top:-40px;width:140px}.quizmate-page .mini-stat{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.14);border-radius:16px;padding:12px}.quizmate-page .quiz-card{background:#fff;border:1px solid var(--qm-line);border-radius:20px;box-shadow:0 10px 30px rgba(67,46,41,.05);margin-top:14px;padding:17px}.quizmate-page .answer{border:1px solid var(--qm-line);border-radius:12px;font-size:.9rem;gap:9px;margin-top:8px;padding:10px 12px}.quizmate-page .answer:not([disabled]):hover{background:#fff;color:var(--qm-ink)}.quizmate-page .answer.active,.quizmate-page .answer.active:not([disabled]):hover{background:var(--qm-brand-soft);color:var(--qm-brand-dark)}.quizmate-page .answer.active{border-color:rgba(149,100,88,.42);font-weight:700}.quizmate-page .answer-dot{background:#f5f1ef;border-radius:8px;color:var(--qm-ink);display:grid;flex:0 0 auto;font-size:.75rem;font-weight:800;height:24px;place-items:center;width:24px}.quizmate-page .float-badge{background:#fff;border:1px solid var(--qm-line);border-radius:18px;box-shadow:0 18px 45px rgba(67,46,41,.13);font-weight:750;padding:13px 15px;position:absolute;z-index:3}.quizmate-page .float-ai{left:-20px;top:76px}.quizmate-page .float-score{bottom:80px;right:-28px}.quizmate-page .stats-wrap{background:rgba(255,253,252,.86);border-bottom:1px solid var(--qm-line);border-top:1px solid var(--qm-line)}.quizmate-page .stat h3{font-size:2rem;font-weight:900;letter-spacing:-.04em}.quizmate-page .stat p{color:var(--qm-muted);font-size:.9rem}.quizmate-page .section{padding:5.6rem 0}.quizmate-page .cta-section{padding-top:0}.quizmate-page .section-label{color:var(--qm-brand);font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.quizmate-page .section-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:850;letter-spacing:-.045em;line-height:1.05}.quizmate-page .section-copy{color:var(--qm-muted);line-height:1.75}.quizmate-page .feature-card{background:hsla(0,0%,100%,.76);border:1px solid var(--qm-line);border-radius:22px;padding:24px;transition:.25s ease}.quizmate-page .feature-card:hover{border-color:rgba(149,100,88,.2);box-shadow:0 18px 50px rgba(79,54,48,.09);transform:translateY(-5px)}.quizmate-page .feature-icon{background:var(--qm-brand-soft);border-radius:15px;color:var(--qm-brand);display:grid;font-size:1.35rem;height:50px;margin-bottom:18px;place-items:center;width:50px}.quizmate-page .feature-card h3{font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.quizmate-page .feature-card p{color:var(--qm-muted);font-size:.93rem;line-height:1.65}.quizmate-page .ai-panel{background:linear-gradient(135deg,#251c1a,#5d3b34 55%,#956458);border-radius:34px;box-shadow:0 28px 75px rgba(72,45,39,.18);color:#fff}.quizmate-page .ai-chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.13);border-radius:24px;padding:18px}.quizmate-page .chat-bubble{border-radius:16px;font-size:.9rem;line-height:1.55;max-width:92%;padding:12px 14px}.quizmate-page .chat-user{background:#fff;border-bottom-right-radius:5px;color:var(--qm-ink)}.quizmate-page .chat-ai{background:hsla(0,0%,100%,.12);border-bottom-left-radius:5px;color:#fff}.quizmate-page .type-card{background:#fff;border:1px solid var(--qm-line);border-radius:20px;padding:21px}.quizmate-page .type-chip{background:var(--qm-brand-soft);border-radius:999px;color:var(--qm-brand-dark);font-size:.75rem;font-weight:750;padding:.35rem .65rem}.quizmate-page .type-preview{background:#fbf8f7;border:1px solid #f1e9e6;border-radius:15px;height:126px;margin-top:16px;overflow:hidden;padding:12px}.quizmate-page .preview-line{background:#e8ddda;border-radius:99px;height:7px;margin-bottom:8px}.quizmate-page .preview-option{background:#fff;border:1px solid #e9e0dd;border-radius:9px;height:26px;margin-top:7px}.quizmate-page .preview-option.selected{background:var(--qm-brand-soft);border-color:#d9c0ba}.quizmate-page .step{min-height:90px;padding-left:64px;position:relative}.quizmate-page .step:last-child{min-height:0}.quizmate-page .step-number{background:var(--qm-brand);border-radius:14px;box-shadow:0 8px 20px rgba(149,100,88,.22);color:#fff;display:grid;font-weight:850;height:44px;left:0;place-items:center;position:absolute;top:0;width:44px}.quizmate-page .step h4{font-size:1rem;font-weight:800;margin-bottom:.35rem}.quizmate-page .step p{color:var(--qm-muted);font-size:.92rem;line-height:1.65}.quizmate-page .testimonial-card{background:0 0;border:1px solid var(--qm-line);border-radius:24px;box-shadow:none;padding:24px;transition:.25s ease}.quizmate-page .testimonial-card:hover{box-shadow:0 20px 55px rgba(79,54,48,.1);transform:translateY(-4px)}.quizmate-page .testimonial-stars{color:#e7a93c;font-size:.9rem;letter-spacing:.08em}.quizmate-page .student-avatar{background:0 0;border-radius:18px;color:#fff;display:grid;flex:0 0 auto;font-weight:850;height:48px;overflow:hidden;place-items:center;width:48px}.quizmate-page .student-avatar img{border-radius:18px;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.quizmate-page .testimonial-quote{color:#554c49;font-size:.96rem;line-height:1.75}.quizmate-page .cta{background:linear-gradient(135deg,#f5ece9,#fff 62%);border:1px solid #eadedb;border-radius:34px;padding:clamp(2rem,6vw,4rem)}.quizmate-page .cta:after{background:rgba(149,100,88,.09);border-radius:50%;bottom:-100px;content:"";height:240px;position:absolute;right:-80px;width:240px}@media (max-width:991.98px){.quizmate-page .hero{padding-bottom:4rem;padding-top:7rem}.quizmate-page .mobile-user-panel{border-top:1px solid var(--qm-line);margin-top:1rem;padding-top:1rem}.quizmate-page .mobile-user-card{background:#fffaf8;border:1px solid var(--qm-line);border-radius:16px;gap:.75rem;padding:.75rem}.quizmate-page .mobile-user-card .header-avatar{border-radius:13px;height:44px;width:44px}.quizmate-page .mobile-user-name{font-size:.92rem;font-weight:800}.quizmate-page .mobile-user-email{color:#8a807d;font-size:.74rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quizmate-page .mobile-quick-actions{gap:.55rem;grid-template-columns:1fr 1fr;margin-top:.65rem}.quizmate-page .mobile-quick-link{background:#fff;border:1px solid var(--qm-line);border-radius:12px;color:#5c5350;font-size:.82rem;font-weight:700;gap:.45rem;min-height:42px;padding:.6rem .65rem}.quizmate-page .mobile-quick-link.primary{background:var(--qm-brand);border-color:var(--qm-brand);color:#fff}.quizmate-page .mobile-account-links{margin-top:.55rem}.quizmate-page .mobile-account-link{border-radius:10px;color:#5c5350;font-size:.86rem;font-weight:630;gap:.7rem;padding:.7rem .6rem}.quizmate-page .mobile-account-link i{color:#8c7974;text-align:center;width:20px}.quizmate-page .mobile-account-link:hover{background:var(--qm-brand-soft);color:var(--qm-brand-dark)}.quizmate-page .mobile-account-link.logout{color:#a64d43}.quizmate-page .hero-visual{height:auto;margin-top:2.5rem;min-height:0;padding:1.25rem 1rem 1rem}.quizmate-page .app-shell{inset:auto;margin:0 auto;position:relative;transform:none;width:calc(100% - 2rem)}.quizmate-page .float-ai{left:0;top:0}.quizmate-page .float-score{bottom:2rem;right:0}}@media (max-width:575.98px){.quizmate-page .hero{padding-bottom:3.25rem;padding-top:6.5rem}.quizmate-page .hero h1{font-size:2.8rem}.quizmate-page .hero-visual{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;padding:0}.quizmate-page .app-shell{border-radius:24px;margin:0;padding:12px;width:100%}.quizmate-page .float-badge{align-self:flex-start;box-shadow:0 10px 28px rgba(67,46,41,.1);font-size:.76rem;padding:10px 12px;position:static}.quizmate-page .float-score{align-self:flex-end}.quizmate-page .progress-card{padding:18px}.quizmate-page .quiz-card{padding:14px}.quizmate-page .answer{font-size:.84rem;padding:9px 10px}.quizmate-page .section{padding:4.4rem 0}.quizmate-page .cta-section{padding-top:0}}