@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700;9..144,800&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,800;1,9..144,700&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;0,9..144,800;1,9..144,400;1,9..144,700;1,9..144,800&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,800;1,9..144,700;1,9..144,800&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,800&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,600;9..144,700&display=swap";.sp-header{position:sticky;top:0;z-index:200;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.055);transition:background .3s,box-shadow .3s}.sp-header__inner{max-width:1200px;margin:0 auto;padding:0 48px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sp-header__logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;text-decoration:none}.sp-header__logo-img{width:33px;height:33px;border-radius:9px;object-fit:contain}.sp-header__logo-name{font-family:Fraunces,serif;font-weight:700;font-size:18px;color:var(--dark-text-color);letter-spacing:-.02em}.sp-header__nav{flex:1;display:flex;justify-content:center}.sp-header__nav-list{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0}.sp-header__nav-link{display:block;padding:8px 14px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:500;color:var(--semidark-text-color);border-radius:9px;cursor:pointer;transition:color .18s,background .18s;text-decoration:none;white-space:nowrap}.sp-header__nav-link:hover{color:var(--primary-color);background:var(--accent-background)}.sp-header__auth{display:flex;align-items:center;gap:8px;flex-shrink:0}.sp-header__btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 22px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;border:none;white-space:nowrap}.sp-header__btn--ghost{color:var(--primary-dark);background:var(--accent-background)}.sp-header__btn--ghost:hover{background:#c5e8c6}.sp-header__btn--primary{color:#fff;background:var(--primary-color);box-shadow:0 2px 8px #4caf5038}.sp-header__btn--primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #4caf504d}.sp-header__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:transparent;border-radius:9px;z-index:220;transition:background .18s}.sp-header__hamburger:hover{background:var(--neutral-100, #f1f3f5)}.sp-header__hamburger span{display:block;width:21px;height:2px;background:var(--dark-text-color);border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:center}.sp-header__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sp-header__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.sp-header__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sp-header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:198;animation:sp-fadeIn .2s ease}.sp-header__mobile-auth{display:none}@media (max-width: 840px){.sp-header__inner{padding:0 20px}.sp-header__nav{position:fixed;top:0;right:-310px;width:290px;height:100vh;height:100dvh;background:#fff;padding:80px 24px 40px;flex-direction:column;justify-content:flex-start;align-items:flex-start;z-index:210;transition:right .35s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 40px #00000017;overflow-y:auto}.sp-header__nav--open{right:0}.sp-header__nav-list{flex-direction:column;align-items:flex-start;gap:0;width:100%}.sp-header__nav-link{width:100%;padding:14px 8px;font-size:15px;border-radius:0;border-bottom:1px solid var(--neutral-200, #e9ecef);color:var(--dark-text-color)}.sp-header__mobile-auth{display:flex;flex-direction:column;gap:10px;margin-top:28px;width:100%}.sp-header__mobile-auth .sp-header__btn{width:100%;justify-content:center;padding:14px;font-size:15px;border-radius:12px}.sp-header__auth{display:none}.sp-header__hamburger{display:flex}}.sp-footer{background:#0c1a0e;color:#ffffff7a;font-family:Poppins,sans-serif}.sp-footer__main{max-width:1200px;margin:0 auto;padding:64px 48px 52px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:48px}.sp-footer__brand-col{grid-column:1 / 2}.sp-footer__logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;text-decoration:none}.sp-footer__logo-img{width:33px;height:33px;border-radius:9px;object-fit:contain}.sp-footer__logo-name{font-family:Fraunces,serif;font-weight:700;font-size:17px;color:#fff;letter-spacing:-.02em}.sp-footer__desc{font-size:13px;line-height:1.78;color:#ffffff70;max-width:260px;margin-bottom:22px}.sp-footer__badges{display:flex;flex-wrap:wrap;gap:8px}.sp-footer__badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:8px;background:#4caf501a;color:#4caf50d9;border:1px solid rgba(76,175,80,.14)}.sp-footer__col-title{font-family:Fraunces,serif;font-size:13.5px;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.01em}.sp-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}.sp-footer__link{font-size:13px;color:#ffffff6b;text-decoration:none;transition:color .18s;display:inline-block}.sp-footer__link:hover{color:#ffffffd9}.sp-footer__bottom{max-width:1200px;margin:0 auto;padding:20px 48px 28px;border-top:1px solid rgba(255,255,255,.065);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sp-footer__copy{font-size:12px;color:#ffffff4d}.sp-footer__legal{display:flex;gap:20px}.sp-footer__legal-link{font-size:12px;color:#ffffff4d;text-decoration:none;transition:color .18s}.sp-footer__legal-link:hover{color:#ffffffa6}@media (max-width: 900px){.sp-footer__main{grid-template-columns:1fr 1fr;gap:36px 40px;padding:48px 20px 40px}.sp-footer__brand-col{grid-column:1 / -1}.sp-footer__desc{max-width:100%}}@media (max-width: 540px){.sp-footer__main{grid-template-columns:1fr 1fr}.sp-footer__bottom{flex-direction:column;text-align:center;padding:18px 20px 24px}.sp-footer__legal{justify-content:center}}.sp-features{padding:96px 0;background:var(--neutral-50, #f8f9fa)}.sp-features__inner{max-width:1200px;margin:0 auto;padding:0 48px}.sp-features__header{text-align:center;margin-bottom:64px}.sp-features__eyebrow{display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--primary-color);margin-bottom:14px}.sp-features__title{font-family:Fraunces,serif;font-size:42px;font-weight:800;color:var(--dark-text-color);margin-bottom:18px;letter-spacing:-.025em;line-height:1.12}.sp-features__title em{font-style:italic;color:var(--primary-color)}.sp-features__subtitle{font-family:Poppins,sans-serif;font-size:15.5px;color:var(--semidark-text-color);max-width:510px;margin:0 auto;line-height:1.72}.sp-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sp-features__card{background:#fff;border-radius:20px;padding:30px 28px 28px;border:1px solid var(--neutral-200, #e9ecef);position:relative;overflow:hidden;cursor:default;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s}.sp-features__card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #00000017;border-color:var(--card-color, var(--primary-color))}.sp-features__card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--card-color, var(--primary-color));border-radius:0 0 20px 20px;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.sp-features__card:hover:after{transform:scaleX(1)}.sp-features__card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.sp-features__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--card-bg, rgba(76,175,80,.08));flex-shrink:0;transition:transform .2s}.sp-features__card:hover .sp-features__icon{transform:scale(1.06)}.sp-features__number{font-family:Fraunces,serif;font-size:14px;font-weight:700;color:var(--neutral-200, #e9ecef);letter-spacing:.5px;transition:color .2s}.sp-features__card:hover .sp-features__number{color:var(--card-color, var(--primary-color))}.sp-features__card-title{font-family:Fraunces,serif;font-size:17.5px;font-weight:700;color:var(--dark-text-color);margin-bottom:10px;line-height:1.3;letter-spacing:-.01em}.sp-features__card-desc{font-family:Poppins,sans-serif;font-size:13.5px;color:var(--semidark-text-color);line-height:1.72}@media (max-width: 920px){.sp-features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.sp-features{padding:64px 0}.sp-features__inner{padding:0 20px}.sp-features__title{font-size:30px}.sp-features__grid{grid-template-columns:1fr;gap:14px}}.sp-hero{position:relative;overflow:hidden;background:#fff;padding:80px 0 72px}.sp-hero__orb-1{position:absolute;top:-140px;right:-120px;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,.09) 0%,transparent 68%);pointer-events:none}.sp-hero__orb-2{position:absolute;bottom:-100px;left:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,.055) 0%,transparent 70%);pointer-events:none}.sp-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(76,175,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(76,175,80,.035) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.sp-hero__inner{max-width:1200px;margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:72px;position:relative;z-index:1}.sp-hero__content{flex:1;min-width:0;animation:sp-fadeUp .7s cubic-bezier(.16,1,.3,1) both}.sp-hero__badge{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;background:var(--accent-background);border:1px solid var(--green-100, #c8e6c9);border-radius:100px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;color:var(--primary-dark);margin-bottom:26px}.sp-hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);flex-shrink:0;animation:sp-pulse-ring 2.2s ease-in-out infinite}.sp-hero__title{font-family:Fraunces,serif;font-size:58px;font-weight:800;line-height:1.07;letter-spacing:-.035em;color:var(--dark-text-color);margin-bottom:22px}.sp-hero__title em{font-style:italic;color:var(--primary-color)}.sp-hero__subtitle{font-family:Poppins,sans-serif;font-size:16.5px;line-height:1.72;color:var(--semidark-text-color);max-width:470px;margin-bottom:38px}.sp-hero__ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:48px}.sp-hero__cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #4caf5047;text-decoration:none}.sp-hero__cta-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 28px #4caf5059}.sp-hero__cta-primary svg{transition:transform .2s}.sp-hero__cta-primary:hover svg{transform:translate(3px)}.sp-hero__cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:transparent;color:var(--dark-text-color);border:1.5px solid var(--neutral-200, #e9ecef);border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.sp-hero__cta-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--accent-background)}.sp-hero__stats{display:flex;align-items:center;gap:0;flex-wrap:wrap}.sp-hero__stat{display:flex;flex-direction:column;padding:0 28px;border-right:1px solid var(--neutral-200, #e9ecef)}.sp-hero__stat:first-child{padding-left:0}.sp-hero__stat:last-child{border-right:none}.sp-hero__stat-value{font-family:Fraunces,serif;font-size:24px;font-weight:700;color:var(--dark-text-color);letter-spacing:-.02em;line-height:1.15}.sp-hero__stat-label{font-family:Poppins,sans-serif;font-size:11.5px;color:var(--light-text-color);font-weight:500;margin-top:2px}.sp-hero__visual{flex:1;max-width:480px;position:relative;display:flex;justify-content:center;animation:sp-fadeUp .7s cubic-bezier(.16,1,.3,1) .18s both}.sp-hero__image-frame{border-radius:28px;overflow:hidden;box-shadow:0 32px 64px #4caf502e,0 8px 24px #00000012;position:relative}.sp-hero__image-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;box-shadow:inset 0 0 0 1px #4caf501f;pointer-events:none}.sp-hero__image{width:100%;max-width:430px;display:block;border-radius:28px}.sp-hero__float{position:absolute;display:flex;align-items:center;gap:11px;background:#fff;border-radius:16px;padding:13px 16px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.055);min-width:175px;z-index:2}.sp-hero__float--cbt{top:36px;left:-28px;animation:sp-float 3.4s ease-in-out infinite}.sp-hero__float--score{bottom:52px;right:-18px;animation:sp-float 3.4s ease-in-out 1.7s infinite}.sp-hero__float-emoji{font-size:22px;line-height:1;flex-shrink:0}.sp-hero__float-title{font-family:Poppins,sans-serif;font-size:12.5px;font-weight:700;color:var(--dark-text-color);line-height:1.25}.sp-hero__float-sub{font-family:Poppins,sans-serif;font-size:11px;color:var(--light-text-color);margin-top:1px}.sp-hero__float-pill{display:inline-block;margin-top:3px;padding:2px 8px;background:var(--accent-background);color:var(--primary-dark);border-radius:100px;font-size:10px;font-weight:700}@media (max-width: 960px){.sp-hero{padding:56px 0 60px}.sp-hero__inner{flex-direction:column;text-align:center;gap:52px}.sp-hero__content{display:flex;flex-direction:column;align-items:center}.sp-hero__title{font-size:42px}.sp-hero__subtitle{text-align:center;margin-left:auto;margin-right:auto}.sp-hero__ctas,.sp-hero__stats{justify-content:center}.sp-hero__stat:first-child{padding-left:28px}.sp-hero__visual{max-width:360px;width:100%}.sp-hero__float--cbt{left:-10px;top:20px}.sp-hero__float--score{right:-10px;bottom:24px}}@media (max-width: 520px){.sp-hero__inner{padding:0 20px}.sp-hero__title{font-size:34px}.sp-hero__subtitle{font-size:15px}.sp-hero__float{display:none}.sp-hero__stat{padding:0 16px}}.sp-pricing{padding:96px 0;background:#fff}.sp-pricing__inner{max-width:1240px;margin:0 auto;padding:0 48px}.sp-pricing__header{text-align:center;margin-bottom:44px}.sp-pricing__eyebrow{display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--primary-color);margin-bottom:14px}.sp-pricing__title{font-family:Fraunces,serif;font-size:42px;font-weight:800;color:var(--dark-text-color);letter-spacing:-.025em;line-height:1.12;margin-bottom:16px}.sp-pricing__title em{font-style:italic;color:var(--primary-color)}.sp-pricing__subtitle{font-family:Poppins,sans-serif;font-size:15.5px;color:var(--semidark-text-color);max-width:480px;margin:0 auto;line-height:1.7}.sp-pricing__categories{display:flex;justify-content:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.sp-pricing__cat-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border-radius:12px;border:1.5px solid var(--neutral-200, #e9ecef);background:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--semidark-text-color);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.sp-pricing__cat-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--accent-background)}.sp-pricing__cat-btn--active{border-color:var(--primary-color);background:var(--accent-background);color:var(--primary-dark)}.sp-pricing__cat-emoji{font-size:17px}.sp-pricing__billing-wrap{display:flex;justify-content:center;margin-bottom:52px}.sp-pricing__billing{display:inline-flex;background:var(--neutral-50, #f8f9fa);border-radius:12px;padding:4px;gap:0;border:1px solid var(--neutral-200, #e9ecef)}.sp-pricing__bill-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:9px;border:none;background:transparent;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;color:var(--semidark-text-color);cursor:pointer;transition:all .2s}.sp-pricing__bill-btn--active{background:var(--primary-color);color:#fff;box-shadow:0 3px 12px #4caf5047}.sp-pricing__save-tag{padding:2px 8px;border-radius:100px;font-size:10.5px;font-weight:700}.sp-pricing__bill-btn--active .sp-pricing__save-tag{background:#ffffff38;color:#fff}.sp-pricing__bill-btn:not(.sp-pricing__bill-btn--active) .sp-pricing__save-tag{background:var(--accent-background);color:var(--primary-dark)}.sp-pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.sp-pricing__card{background:#fff;border-radius:22px;padding:28px 22px;border:1.5px solid var(--neutral-200, #e9ecef);position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.sp-pricing__card:hover{transform:translateY(-6px);box-shadow:0 20px 52px #00000017;border-color:var(--plan-clr, var(--primary-color))}.sp-pricing__card--popular{border-color:var(--plan-clr, var(--primary-color));border-width:2px;transform:translateY(-8px);box-shadow:0 24px 56px #0000001f}.sp-pricing__card--popular:hover{transform:translateY(-14px)}.sp-pricing__popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--plan-clr, var(--primary-color));color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;padding:5px 16px;border-radius:100px;white-space:nowrap;box-shadow:0 4px 14px #0000002e;letter-spacing:.3px}.sp-pricing__plan-header{margin-bottom:16px}.sp-pricing__plan-name{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:var(--plan-clr, var(--primary-dark));margin-bottom:6px;letter-spacing:-.01em}.sp-pricing__discount-chip{display:inline-block;font-family:Poppins,sans-serif;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:6px;background:var(--plan-bg, rgba(76,175,80,.09));color:var(--plan-clr, var(--primary-dark))}.sp-pricing__price-block{margin-bottom:6px}.sp-pricing__free-label{font-family:Fraunces,serif;font-size:26px;font-weight:700;color:#78909c}.sp-pricing__price-row{display:flex;align-items:flex-end;gap:1px;line-height:1}.sp-pricing__currency{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:var(--dark-text-color);margin-bottom:4px}.sp-pricing__amount{font-family:Fraunces,serif;font-size:34px;font-weight:700;color:var(--dark-text-color);letter-spacing:-.02em;line-height:1}.sp-pricing__period{font-family:Poppins,sans-serif;font-size:12.5px;color:var(--light-text-color);margin-bottom:5px;margin-left:2px}.sp-pricing__monthly-equiv{font-family:Poppins,sans-serif;font-size:11.5px;color:var(--light-text-color);margin-top:5px}.sp-pricing__divider{height:1px;background:var(--neutral-200, #e9ecef);margin:18px 0}.sp-pricing__features{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:9px}.sp-pricing__feature{display:flex;align-items:flex-start;gap:9px;font-family:Poppins,sans-serif;font-size:12.5px;color:var(--semidark-text-color);line-height:1.45}.sp-pricing__feature--off{opacity:.45}.sp-pricing__feat-icon{flex-shrink:0;width:19px;height:19px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.sp-pricing__feat-icon--check{background:#4caf501a;color:var(--primary-color)}.sp-pricing__feat-icon--x{background:var(--neutral-100, #f1f3f5);color:#bdbdbd}.sp-pricing__cta{width:100%;padding:13px;border-radius:11px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:2px solid transparent;display:block}.sp-pricing__cta--solid{background:var(--plan-clr, var(--primary-color));color:#fff;border-color:var(--plan-clr, var(--primary-color))}.sp-pricing__cta--solid:hover{opacity:.88;transform:translateY(-1px)}.sp-pricing__cta--outline{background:transparent;color:var(--plan-clr, var(--primary-color));border-color:var(--plan-clr, var(--primary-color))}.sp-pricing__cta--outline:hover{background:var(--plan-bg, rgba(76,175,80,.07))}.sp-pricing__cta--free{background:var(--primary-color);color:#fff}.sp-pricing__cta--free:hover{background:var(--primary-dark)}.sp-pricing__sign-in-note{text-align:center;font-family:Poppins,sans-serif;font-size:11px;color:var(--light-text-color);margin-top:10px}.sp-pricing__footer-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:44px;font-family:Poppins,sans-serif;font-size:12.5px;color:var(--light-text-color)}@media (max-width: 1100px){.sp-pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.sp-pricing{padding:64px 0}.sp-pricing__inner{padding:0 20px}.sp-pricing__title{font-size:30px}.sp-pricing__grid{grid-template-columns:1fr}.sp-pricing__card--popular{transform:none}.sp-pricing__categories{flex-direction:column;align-items:stretch}.sp-pricing__cat-btn{justify-content:center}}.sp-cta{padding:96px 48px;background:linear-gradient(140deg,#1b5e20,#2e7d32 45%,#388e3c);text-align:center;color:#fff;position:relative;overflow:hidden}.sp-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 65%);pointer-events:none}.sp-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 48px,rgba(255,255,255,.015) 48px,rgba(255,255,255,.015) 50px);pointer-events:none}.sp-cta__inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.sp-cta__badge{display:inline-block;padding:7px 18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;color:#ffffffe0;margin-bottom:24px;letter-spacing:.2px}.sp-cta__title{font-family:Fraunces,serif;font-size:50px;font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#fff;margin-bottom:20px}.sp-cta__subtitle{font-family:Poppins,sans-serif;font-size:16.5px;color:#ffffffc7;line-height:1.72;max-width:520px;margin:0 auto 40px}.sp-cta__btn{display:inline-flex;align-items:center;gap:9px;padding:16px 36px;background:#fff;color:var(--primary-dark);border:none;border-radius:13px;font-family:Poppins,sans-serif;font-size:15.5px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 24px #0000002e;text-decoration:none}.sp-cta__btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000040;background:#f8fff8}.sp-cta__btn svg{transition:transform .2s}.sp-cta__btn:hover svg{transform:translate(3px)}.sp-cta__note{font-family:Poppins,sans-serif;font-size:12.5px;color:#ffffff7a;margin-top:18px}@media (max-width: 768px){.sp-cta{padding:68px 20px}.sp-cta__title{font-size:34px}.sp-cta__subtitle{font-size:15px}.sp-cta__btn{width:100%;justify-content:center}}.sp-landing,.sp-landing *{--font-display: "Fraunces", serif;--font-body: "Poppins", sans-serif;--shadow-xs: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 4px 12px rgba(0,0,0,.07);--shadow-md: 0 8px 28px rgba(0,0,0,.09);--shadow-lg: 0 16px 48px rgba(0,0,0,.11);--shadow-xl: 0 28px 64px rgba(0,0,0,.13);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--green-50: #E8F5E9;--green-100: #C8E6C9;--green-200: #A5D6A7;--green-800: #2E7D32;--green-900: #1B5E20;--neutral-50: #F8F9FA;--neutral-100: #F1F3F5;--neutral-200: #E9ECEF;--neutral-300: #DEE2E6;--neutral-600: #6C757D;--neutral-800: #343A40;--neutral-900: #212529}.sp-landing{background:#fff;min-height:100vh;font-family:var(--font-body)}.sp-landing main{display:block}.sp-section-inner{max-width:1200px;margin:0 auto;padding:0 48px}.sp-eyebrow{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--primary-color);margin-bottom:14px}.sp-landing-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--neutral-50)}.sp-landing-spinner{width:44px;height:44px;border:3px solid var(--green-50);border-top-color:var(--primary-color);border-radius:50%;animation:sp-spin .75s linear infinite}@keyframes sp-fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-pulse-ring{0%,to{box-shadow:0 0 0 3px #4caf5038}50%{box-shadow:0 0 0 7px #4caf5014}}@keyframes sp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (max-width: 768px){.sp-section-inner{padding:0 20px}}:root{--db-green: #4CAF50;--db-green-dark: #2E7D32;--db-green-light: #E8F5E9;--db-green-mid: #C8E6C9;--db-border: #ECEEED;--db-text: #111;--db-muted: #9CA3AF;--db-sidebar: #FFFFFF;--db-main: #F5F7F5}.gen-container{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--db-main);font-family:DM Sans,sans-serif}.gen-container *{box-sizing:border-box}.container{display:flex;flex:1;min-height:0}.container .sidebar{width:238px;height:100%;background:var(--db-sidebar);display:flex;flex-direction:column;padding:18px 12px 16px;border-right:1px solid var(--db-border);flex-shrink:0;transition:width .28s cubic-bezier(.16,1,.3,1);box-shadow:2px 0 16px #0000000a;position:relative}.sidebar.collapsed{width:66px}.sidebar-identity{display:flex;align-items:center;gap:10px;padding:8px 6px 16px;margin-bottom:8px;border-bottom:1px solid var(--db-border)}.sidebar-identity__ring{width:38px;height:38px;border-radius:50%;padding:2.5px;background:conic-gradient(#4caf50,#66bb6a,#81c784);flex-shrink:0;display:inline-flex;cursor:pointer;transition:opacity .18s}.sidebar-identity__ring:hover{opacity:.85}.sidebar-identity__avatar{width:33px;height:33px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;display:block}.sidebar-identity__text{flex:1;overflow:hidden}.sidebar-identity__name{font-family:Fraunces,serif;font-size:14px;font-weight:700;color:var(--db-text);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.sidebar-identity__handle{font-size:11.5px;color:var(--db-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar.collapsed .sidebar-identity{justify-content:center}.sidebar.collapsed .sidebar-identity__text{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px;margin-bottom:10px;min-height:26px}.sidebar-header__label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--db-muted);white-space:nowrap}.collapse-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f3;border:1px solid var(--db-border);border-radius:8px;cursor:pointer;color:var(--db-muted);font-size:12px;transition:all .18s;flex-shrink:0;margin-left:auto}.collapse-btn:hover{background:var(--db-green-light);border-color:var(--db-green-mid);color:var(--db-green-dark)}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar.collapsed .collapse-btn{margin-left:0}.sidebar-section-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--db-muted);padding:14px 6px 6px;white-space:nowrap}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-menu li{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background .16s,box-shadow .16s}.sidebar-menu li:hover{background:#f1f7f1}.sidebar-menu li.selected{background:linear-gradient(135deg,#e8f5e9,#f3faf3);box-shadow:inset 0 0 0 1.5px #4caf502e}.sidebar-menu li.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,#4caf50,#81c784);border-radius:0 3px 3px 0}.sidebar-menu span{font-size:13.5px;font-weight:500;color:#5a5a5a;white-space:nowrap;transition:color .16s}.sidebar-menu li:hover span{color:#1b5e20}.sidebar-menu li.selected span{color:#1b5e20;font-weight:700}.menu-icon{font-size:16px;color:#c8c8c8;flex-shrink:0;transition:color .16s,transform .16s}.sidebar-menu li:hover .menu-icon{color:var(--db-green);transform:scale(1.08)}.sidebar-menu li.selected .menu-icon{color:var(--db-green)}.sidebar.collapsed .sidebar-menu li{justify-content:center;padding:11px 8px}.sidebar.collapsed .sidebar-menu li:before{display:none}.sidebar.collapsed .sidebar-menu li.selected{background:var(--db-green-light);box-shadow:none}.create-folder-btn{width:100%;padding:10px 12px;background:transparent;color:var(--db-green);border:1.5px dashed var(--db-green-mid);border-radius:11px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .18s;margin-top:6px;letter-spacing:.1px}.create-folder-btn:hover{background:var(--db-green-light);border-color:var(--db-green);transform:translateY(-1px)}.sidebar-footer{padding-top:12px;border-top:1px solid var(--db-border);margin-top:auto}.sidebar-subscription{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .16s;list-style:none}.sidebar-subscription:hover{background:#fff8e1}.sidebar-subscription:hover .sidebar-sub-icon{color:#fb8c00;transform:scale(1.08)}.sidebar-sub-icon{font-size:16px;color:#c8c8c8;flex-shrink:0;transition:all .16s}.sidebar-subscription span{font-size:13.5px;font-weight:500;color:#5a5a5a;white-space:nowrap;flex:1;transition:color .16s}.sidebar-subscription:hover span{color:#e65100}.sidebar-plan-pill{display:inline-flex;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;background:var(--db-green-light);color:var(--db-green-dark);white-space:nowrap;flex-shrink:0}.sidebar.collapsed .sidebar-subscription{justify-content:center}.main-content{flex:1;padding:36px 40px;overflow-y:auto;overflow-x:hidden;min-height:0;background-color:var(--db-main);background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1px);background-size:22px 22px}.main-content>*{animation:db-up .32s cubic-bezier(.16,1,.3,1) both}@media (max-width: 768px){.sidebar{display:none!important}.main-content{padding:20px 18px 82px!important;background-image:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#ffffffe0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-top:1px solid rgba(0,0,0,.07);display:flex;justify-content:space-around;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);z-index:1000;box-shadow:0 -8px 32px #00000014}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.nav-item.active{background:var(--db-green-light)}.nav-icon{font-size:19px;color:#c8c8c8;transition:color .18s,transform .2s}.nav-item.active .nav-icon{color:var(--db-green-dark);transform:translateY(-2px) scale(1.05)}.nav-label{font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;color:#c8c8c8;line-height:1;transition:color .18s}.nav-item.active .nav-label{color:var(--db-green-dark)}}@media (max-width: 480px){.main-content{padding:16px 14px 82px!important}.nav-item{padding:6px 8px}}@keyframes db-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:60px;background:#fff;border-bottom:1px solid #EFEFEF;position:sticky;top:0;z-index:200;font-family:DM Sans,sans-serif}.logo-container{display:flex;align-items:center;gap:9px;cursor:pointer;text-decoration:none}.logo-image{width:30px;height:30px;object-fit:contain;border-radius:8px}.logo-container h1{font-family:Fraunces,serif;font-size:18px;font-weight:700;color:#111;margin:0;letter-spacing:-.02em}.header-icons{display:flex;align-items:center;gap:6px}.header-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#8e8e8e;font-size:18px;cursor:pointer;transition:background .15s,color .15s;background:transparent}.header-icon:hover{background:#f0f0f0;color:#111}.profile-pic{position:relative;cursor:pointer}.profile-pic-ring{width:38px;height:38px;border-radius:50%;padding:2.5px;background:conic-gradient(#4caf50,#66bb6a,#81c784);display:inline-flex;transition:opacity .18s}.profile-pic-ring:hover{opacity:.85}.profile-pic-img{width:33px;height:33px;border-radius:50%;object-fit:cover;border:2px solid #fff;display:block}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000021,0 1px 4px #0000000f;border:1px solid #EFEFEF;overflow:hidden;display:none;animation:gh-fadeDown .22s cubic-bezier(.16,1,.3,1);z-index:300}.show-dropdown{display:block!important}.dropdown-header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid #EFEFEF;pointer-events:none}.dropdown-header-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #E8F5E9}.dropdown-header-name{font-size:13.5px;font-weight:700;color:#111;line-height:1.2}.dropdown-header-handle{font-size:11.5px;color:#8e8e8e;font-weight:400}.dropdown-item{display:flex;align-items:center;gap:10px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#111;cursor:pointer;transition:background .12s;border-bottom:1px solid #F5F5F5}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#fafafa}.dropdown-item__icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.dropdown-item--danger{color:#e53935}.dropdown-item--danger:hover{background:#fff5f5}@keyframes gh-fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header-container{padding:0 16px;height:54px}}.quizhistory-page{animation:qh-fadeUp .5s cubic-bezier(.16,1,.3,1) both}.quizhistory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:12px}.quizhistory-header h2{font-family:Fraunces,serif;font-size:28px;font-weight:800;color:#1a1a1a;letter-spacing:-.025em;margin:0}.quizhistory-new-quiz-btn{padding:10px 22px;background:#4caf50;color:#fff;border:none;border-radius:11px;font-family:Poppins,sans-serif;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .22s;box-shadow:0 3px 12px #4caf5038}.quizhistory-new-quiz-btn:hover{background:#388e3c;transform:translateY(-1px)}.quizhistory-error{padding:16px 20px;background:#fff5f5;border:1px solid #FFCDD2;border-radius:14px;color:#c62828;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Poppins,sans-serif;font-size:13.5px}.quizhistory-error p{color:#c62828;font-weight:500;margin:0}.quizhistory-retry-btn{padding:8px 18px;background:#f44336;color:#fff;border:none;border-radius:9px;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;cursor:pointer;flex-shrink:0;transition:background .2s}.quizhistory-retry-btn:hover{background:#c62828}.quizhistory-section h3{font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#9ca3af;margin-bottom:16px}.quizhistory-card-container{display:flex;flex-direction:column;gap:11px}.quizhistory-card{display:flex;align-items:center;gap:16px;padding:20px 22px;background:#fff;border-radius:18px;border:1px solid #EAECE9;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s;flex-wrap:wrap}.quizhistory-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000014;border-color:#a5d6a7}.quizhistory-card:before{content:"";width:10px;height:10px;border-radius:50%;background:#4caf50;flex-shrink:0}.quizhistory-info{flex:1;min-width:0}.quizhistory-info h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quizhistory-date{font-family:Poppins,sans-serif;font-size:12px;color:#9ca3af;margin:0}.quizhistory-card-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.quizhistory-score{display:flex;align-items:center;gap:7px;font-family:Fraunces,serif;font-size:18px;font-weight:700;color:#1a1a1a;letter-spacing:-.01em}.quizhistory-success-icon{color:#4caf50;font-size:16px}.quizhistory-fail-icon{color:#f44336;font-size:16px}.quizhistory-details-btn{padding:9px 20px;background:#e8f5e9;color:#2e7d32;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.quizhistory-details-btn:hover{background:#c8e6c9;transform:translateY(-1px)}.quizhistory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:#fff;border-radius:20px;border:1px dashed #D1D5DB;text-align:center}.quizhistory-empty__icon{font-size:48px;margin-bottom:18px;line-height:1}.quizhistory-empty__title{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.02em}.quizhistory-empty__sub{font-family:Poppins,sans-serif;font-size:14px;color:#9ca3af;max-width:300px;line-height:1.6}.quizhistory-card.skeleton{pointer-events:none;background:#fff}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:qh-shimmer 1.5s infinite;border-radius:6px}.skeleton-title{width:200px;height:14px;margin-bottom:8px}.skeleton-date{width:110px;height:11px}.skeleton-score{width:52px;height:20px}.skeleton-btn{width:100px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:qh-shimmer 1.5s infinite;border-radius:10px}.quizhistory-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid #EAECE9}.quizhistory-pagination button{padding:9px 22px;background:#e8f5e9;color:#2e7d32;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .2s}.quizhistory-pagination button:hover:not(:disabled){background:#c8e6c9;transform:translateY(-1px)}.quizhistory-pagination button:disabled{opacity:.38;cursor:not-allowed;transform:none}.quizhistory-pagination span{font-family:Poppins,sans-serif;font-size:13px;color:#9ca3af;font-weight:600}@keyframes qh-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes qh-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.quizhistory-header h2{font-size:22px}.quizhistory-card{padding:16px 18px;flex-direction:column;align-items:flex-start;gap:12px}.quizhistory-card:before{display:none}.quizhistory-card-controls{width:100%;justify-content:space-between}.quizhistory-info h4{white-space:normal}}.sp-home{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.sp-home__greeting{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.sp-home__greeting-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:Poppins,sans-serif;font-size:11.5px;font-weight:700;color:#4caf50;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.sp-home__greeting-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;animation:sp-home-pulse 2.2s ease-in-out infinite}.sp-home__greeting-name{font-family:Fraunces,serif;font-size:30px;font-weight:800;color:#1a1a1a;letter-spacing:-.03em;line-height:1.12;margin-bottom:5px}.sp-home__greeting-sub{font-family:Poppins,sans-serif;font-size:13.5px;color:#888}.sp-home__sub-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:100px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:700;background:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9;cursor:pointer;transition:all .18s;white-space:nowrap;border:none}.sp-home__sub-pill:hover{background:#c8e6c9}.sp-home__sub-pill-dot{width:7px;height:7px;border-radius:50%;background:#4caf50}.sp-home__section-label{font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#9ca3af;margin-bottom:14px;margin-top:28px}.sp-home__exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px}.sp-exam-card{border-radius:22px;padding:0;overflow:hidden;position:relative;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.sp-exam-card:hover{transform:translateY(-4px)}.sp-exam-card--jamb{background:linear-gradient(140deg,#1b5e20,#2e7d32,#388e3c);box-shadow:0 6px 28px #2e7d3247}.sp-exam-card--jamb:hover{box-shadow:0 16px 44px #2e7d325c}.sp-exam-card--coming-soon{cursor:default;opacity:.88}.sp-exam-card--coming-soon:hover{transform:none;box-shadow:0 6px 28px #1565c038}.sp-exam-card--uni{background:linear-gradient(140deg,#0d47a1,#1565c0,#1976d2);box-shadow:0 6px 28px #1565c047}.sp-exam-card--uni:hover{box-shadow:0 16px 44px #1565c05c}.sp-exam-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:#ffffff0d;pointer-events:none}.sp-exam-card:after{content:"";position:absolute;bottom:-30px;left:30%;width:140px;height:140px;border-radius:50%;background:#ffffff08;pointer-events:none}.sp-exam-card__inner{position:relative;z-index:1;padding:24px 24px 22px}.sp-exam-card__tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:14px}.sp-exam-card__title{font-family:Fraunces,serif;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.15;margin-bottom:6px}.sp-exam-card__sub{font-family:Poppins,sans-serif;font-size:12.5px;color:#ffffff9e;line-height:1.55;margin-bottom:18px}.sp-exam-card__stats{display:flex;gap:16px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.sp-exam-card__stat-val{display:block;font-family:Fraunces,serif;font-size:17px;font-weight:700;color:#fff;line-height:1.2}.sp-exam-card__stat-lbl{display:block;font-family:Poppins,sans-serif;font-size:10px;color:#ffffff73;font-weight:500}.sp-exam-card__btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:11px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:background .2s;width:100%;justify-content:center}.sp-exam-card:hover .sp-exam-card__btn{background:#ffffff42}.sp-exam-card__btn svg{transition:transform .2s}.sp-exam-card:hover .sp-exam-card__btn svg{transform:translate(3px)}.sp-home__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sp-feature-card{background:#fff;border-radius:18px;padding:22px 20px;border:1px solid #EAECE9;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s;display:flex;flex-direction:column}.sp-feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000017;border-color:var(--card-accent, #4CAF50)}.sp-feature-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--card-accent, #4CAF50);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1);border-radius:0 0 18px 18px}.sp-feature-card:hover:after{transform:scaleX(1)}.sp-feature-card__icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:14px;background:var(--card-icon-bg, #E8F5E9);transition:transform .2s;flex-shrink:0}.sp-feature-card:hover .sp-feature-card__icon{transform:scale(1.08)}.sp-feature-card__title{font-family:Fraunces,serif;font-size:15.5px;font-weight:700;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.01em;line-height:1.3}.sp-feature-card__desc{font-family:Poppins,sans-serif;font-size:12.5px;color:#888;line-height:1.62;margin-bottom:16px;flex:1}.sp-feature-card__cta{display:inline-flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:700;color:var(--card-accent, #4CAF50);margin-top:auto}.sp-feature-card__cta svg{transition:transform .2s}.sp-feature-card:hover .sp-feature-card__cta svg{transform:translate(3px)}.sp-feature-card--disabled{opacity:.55;cursor:default}.sp-feature-card--disabled:hover{transform:none;box-shadow:none;border-color:#eaece9}.sp-feature-card--disabled:after{display:none}.sp-feature-card__badge{display:inline-flex;align-items:center;padding:3px 9px;background:#f3f4f6;border-radius:100px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;margin-top:auto;width:fit-content}.sp-home__file-input{display:none}.sp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f069e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;animation:sp-fadeIn .22s ease}.sp-exam-modal{background:#fff;border-radius:24px;width:100%;max-width:580px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #00000038;animation:sp-scaleIn .3s cubic-bezier(.16,1,.3,1)}.sp-exam-modal__head{padding:22px 26px 18px;border-bottom:1px solid #F0F0F0;flex-shrink:0}.sp-exam-modal__head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sp-exam-modal__steps{display:flex;align-items:center;gap:6px;margin-bottom:10px}.sp-exam-modal__step{height:5px;border-radius:3px;background:#e8f5e9;transition:all .3s;width:24px}.sp-exam-modal__step--active{background:var(--modal-accent, #4CAF50);width:38px}.sp-exam-modal__step--done{background:#81c784}.sp-exam-modal__mode-tabs{display:flex;background:#f3f4f6;border-radius:11px;padding:3px;gap:0;margin-bottom:10px;width:fit-content}.sp-exam-modal__mode-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;border:none;background:transparent;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#888;cursor:pointer;transition:all .2s;white-space:nowrap}.sp-exam-modal__mode-tab--active{background:#fff;color:var(--modal-accent, #2E7D32);box-shadow:0 2px 8px #00000014}.sp-exam-modal__title{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1.25;margin:0}.sp-exam-modal__sub{font-family:Poppins,sans-serif;font-size:13px;color:#999;margin-top:4px}.sp-exam-modal__close{width:32px;height:32px;border-radius:50%;background:#f3f4f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:18px;transition:all .2s;flex-shrink:0;line-height:1}.sp-exam-modal__close:hover{background:#e5e7eb;color:#1a1a1a}.sp-exam-modal__counter{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;background:#e8f5e9;border-radius:100px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:700;color:#2e7d32;margin-top:10px}.sp-exam-modal__counter-dots{display:flex;gap:5px}.sp-exam-modal__counter-dot{width:9px;height:9px;border-radius:50%;background:#c8e6c9;transition:background .2s}.sp-exam-modal__counter-dot--filled{background:#4caf50}.sp-exam-modal__body{padding:18px 26px 20px;overflow-y:auto;flex:1}.sp-exam-modal__search{position:relative;margin-bottom:16px}.sp-exam-modal__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px;pointer-events:none}.sp-exam-modal__search-input{width:100%;padding:12px 16px 12px 40px;border:1.5px solid #E8E8E8;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;color:#1a1a1a;background:#fafafa;outline:none;transition:all .2s}.sp-exam-modal__search-input:focus{border-color:var(--modal-accent, #4CAF50);background:#fff;box-shadow:0 0 0 3px #4caf501a}.sp-exam-modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.sp-exam-modal__item{padding:13px 15px;border:1.5px solid #E8E8E8;border-radius:13px;background:#fafafa;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:#333;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;display:flex;align-items:center;gap:10px;line-height:1.35}.sp-exam-modal__item:hover{border-color:var(--modal-accent, #4CAF50);background:#e8f5e9;color:#2e7d32;transform:translateY(-1px)}.sp-exam-modal__item--selected{border-color:var(--modal-accent, #4CAF50);background:#e8f5e9;color:#2e7d32;font-weight:600}.sp-exam-modal__item-dot{width:8px;height:8px;border-radius:50%;background:#c8e6c9;flex-shrink:0;transition:background .18s}.sp-exam-modal__item:hover .sp-exam-modal__item-dot,.sp-exam-modal__item--selected .sp-exam-modal__item-dot{background:var(--modal-accent, #4CAF50)}.sp-exam-modal__item-check{margin-left:auto;flex-shrink:0;color:var(--modal-accent, #4CAF50);font-size:13px}.sp-exam-modal__years{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sp-exam-modal__year{padding:14px 10px;border:1.5px solid #E8E8E8;border-radius:12px;background:#fafafa;font-family:Fraunces,serif;font-size:16px;font-weight:700;color:#333;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:center;letter-spacing:-.01em;display:flex;flex-direction:column;align-items:center;gap:5px}.sp-exam-modal__year:hover{border-color:var(--modal-accent, #4CAF50);background:#e8f5e9;color:#2e7d32;transform:translateY(-2px);box-shadow:0 4px 14px #4caf502e}.sp-exam-modal__year-type{font-family:Poppins,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:2px 7px;border-radius:5px;background:#e3f2fd;color:#1565c0}.sp-exam-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:14px}.sp-exam-modal__spinner{width:34px;height:34px;border:3px solid #E8F5E9;border-top-color:var(--modal-accent, #4CAF50);border-radius:50%;animation:spin .7s linear infinite}.sp-exam-modal__spinner-text{font-family:Poppins,sans-serif;font-size:13px;color:#9ca3af}.sp-exam-modal__foot{padding:14px 26px 20px;border-top:1px solid #F0F0F0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.sp-exam-modal__back{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1.5px solid #E8E8E8;border-radius:10px;background:transparent;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.sp-exam-modal__back:hover{background:#f3f4f6;border-color:#d1d5db}.sp-exam-modal__cbt-start{flex:1;padding:12px 20px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:700;color:#fff;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:8px}.sp-exam-modal__cbt-start--active{background:var(--modal-accent, #4CAF50);box-shadow:0 4px 16px #4caf5047}.sp-exam-modal__cbt-start--active:hover{opacity:.9;transform:translateY(-1px)}.sp-exam-modal__cbt-start--disabled{background:#e0e0e0;color:#9ca3af;cursor:not-allowed}.sp-exam-modal__count{font-family:Poppins,sans-serif;font-size:12px;color:#9ca3af}.quiz-overlay-unique,.image-modal-overlay-unique{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f0699;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;animation:sp-fadeIn .22s ease}.quiz-modal-box-unique,.image-modal-box-unique{background:#fff;border-radius:22px;padding:36px 30px;max-width:480px;width:100%;position:relative;animation:sp-scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px #0003}.quiz-title-unique{font-family:Fraunces,serif;font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:22px;padding-right:36px;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.image-modal-title-unique{font-family:Fraunces,serif;font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:22px;padding-right:36px;line-height:1.4;letter-spacing:-.01em}.quiz-inputs-unique{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.quiz-inputs-unique label{display:flex;flex-direction:column;gap:8px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;color:#555}.quiz-inputs-unique select{padding:12px 14px;border:1.5px solid #E8E8E8;border-radius:11px;font-family:Poppins,sans-serif;font-size:14px;color:#1a1a1a;background:#fafafa;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.quiz-inputs-unique select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.quiz-btn-unique,.image-solve-btn-unique{width:100%;padding:14px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 14px #4caf5047}.quiz-btn-unique:hover,.image-solve-btn-unique:hover{background:#388e3c;transform:translateY(-1px);box-shadow:0 6px 20px #4caf5059}.quiz-spinner-unique,.image-quiz-spinner-unique,.quiz-generation-spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(76,175,80,.2);border-top-color:#4caf50;border-radius:50%;animation:spin .7s linear infinite;margin:8px auto}.image-content-preview-unique{text-align:center;margin-bottom:20px;padding:14px;background:#f6f8f6;border-radius:12px;border:1px solid #EAECE9}.image-preview-unique{max-width:100%;max-height:220px;object-fit:contain;border-radius:9px}.quiz-container-unique{margin-top:8px}.image-modal-overlay,.modal-overlay.change-email-moda{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f0699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px}@keyframes sp-home-pulse{0%,to{box-shadow:0 0 #4caf5066}50%{box-shadow:0 0 0 5px #4caf5000}}@keyframes sp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sp-scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@media (max-width: 960px){.sp-home__cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sp-home__exam-grid,.sp-home__cards{grid-template-columns:1fr}.sp-home__greeting-name{font-size:24px}.sp-exam-modal__grid{grid-template-columns:1fr}.sp-exam-modal__years{grid-template-columns:repeat(2,1fr)}.quiz-inputs-unique{grid-template-columns:1fr}.quiz-modal-box-unique,.image-modal-box-unique{padding:28px 22px}.sp-exam-modal__mode-tabs{width:100%}}@media (max-width: 480px){.sp-exam-modal{border-radius:20px}.sp-exam-modal__head,.sp-exam-modal__body,.sp-exam-modal__foot{padding-left:18px;padding-right:18px}}.am-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f069e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9500;padding:20px;animation:am-in .2s ease}.am-card{background:#fff;border-radius:22px;padding:36px 32px 30px;width:100%;max-width:400px;position:relative;text-align:center;animation:am-scale .28s cubic-bezier(.16,1,.3,1);box-shadow:0 32px 80px #00000038}.am-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:#f3f4f3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .15s}.am-close:hover{background:#e5e7eb;color:#111}.am-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:am-icon-pop .3s cubic-bezier(.16,1,.3,1)}.am-icon svg,.am-icon .alert-modal-icon{animation:none}.alert-modal-icon{color:#4caf50;font-size:2rem}.alert-modal-icon.success{color:#4caf50;font-size:30px}.alert-modal-icon.warning{color:#ffc107;font-size:30px}.alert-modal-icon.error{color:#dc3545;font-size:30px}.alert-modal-icon.info{color:#007bff;font-size:30px}.am-title{font-family:Fraunces,serif;font-size:21px;font-weight:700;color:#1a1a1a;letter-spacing:-.025em;margin:0 0 10px;line-height:1.25}.am-message{font-family:DM Sans,Poppins,sans-serif;font-size:14px;color:#6b7280;line-height:1.65;margin:0 0 26px}.am-btn{width:100%;padding:13px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:DM Sans,Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #4caf5047}.am-btn:hover{background:#388e3c;transform:translateY(-1px);box-shadow:0 6px 20px #4caf505c}.am-btn:active{transform:translateY(0)}@keyframes am-in{0%{opacity:0}to{opacity:1}}@keyframes am-scale{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes am-icon-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.am-card{padding:30px 22px 24px;border-radius:18px}.am-title{font-size:18px}.am-message{font-size:13px}}.profile-container{max-width:720px;margin:0 auto;padding-bottom:60px;animation:pf-fadeUp .5s cubic-bezier(.16,1,.3,1) both}.profile-hero{background:linear-gradient(140deg,#2e7d32,#4caf50 60%,#66bb6a);border-radius:24px;padding:36px 28px 52px;position:relative;overflow:hidden;text-align:center;margin-bottom:-36px}.profile-hero:before{content:"";position:absolute;top:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:#ffffff0f;pointer-events:none}.profile-hero:after{content:"";position:absolute;bottom:-60px;left:-40px;width:200px;height:200px;border-radius:50%;background:#ffffff0a;pointer-events:none}.profile-hero__avatar-wrap{position:relative;width:96px;height:96px;margin:0 auto 14px}.profile-hero__avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.35);display:block}.profile-hero__edit-btn{position:absolute;bottom:0;right:-2px;width:30px;height:30px;border-radius:50%;background:#fff;border:2.5px solid #4CAF50;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#4caf50;transition:all .2s;box-shadow:0 2px 8px #0000002e}.profile-hero__edit-btn:hover{background:#4caf50;color:#fff}#fileInput{display:none}.profile-hero__name{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:4px}.profile-hero__username{font-family:Poppins,sans-serif;font-size:13px;color:#ffffffad}.profile-hero__uploading{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center}.profile-cards{position:relative;z-index:1;padding:0;display:flex;flex-direction:column;gap:16px}.pf-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 4px 20px #0000000f;border:1px solid #EAECE9}.pf-card__title{font-family:Fraunces,serif;font-size:17px;font-weight:700;color:#1a1a1a;letter-spacing:-.015em;margin-bottom:18px}.pf-card__divider{height:1px;background:#f2f2f2;margin:14px 0}.pf-info-row{display:flex;align-items:center;gap:14px}.pf-info-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pf-info-icon--green{background:#e8f5e9;color:#4caf50}.pf-info-icon--blue{background:#e3f2fd;color:#2196f3}.pf-info-label{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.pf-info-value{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a}.pf-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pf-stat{display:flex;flex-direction:column;align-items:center;background:#f6f8f6;border-radius:16px;padding:16px 10px;gap:6px}.pf-stat__icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px}.pf-stat__val{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1.2}.pf-stat__lbl{font-family:Poppins,sans-serif;font-size:10.5px;font-weight:600;color:#9ca3af;text-align:center}.pf-sub-card{border-color:#c8e6c9}.pf-sub-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.pf-sub-icon{width:48px;height:48px;border-radius:14px;background:#fff8e1;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pf-sub-plan{font-family:Fraunces,serif;font-size:18px;font-weight:700;color:#1a1a1a;letter-spacing:-.01em;margin-bottom:4px}.pf-sub-expiry-row{display:flex;align-items:center;gap:7px}.pf-sub-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;flex-shrink:0;animation:pf-pulse 2.2s ease-in-out infinite}.pf-sub-expiry{font-family:Poppins,sans-serif;font-size:12.5px;color:#888;font-weight:500}.pf-sub-expired-badge{display:inline-flex;padding:2px 10px;background:#ffebee;border-radius:6px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;color:#c62828}.pf-upgrade-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:13px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 16px #4caf5047}.pf-upgrade-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px #4caf5059}.pf-settings-row{display:flex;align-items:center;gap:14px;cursor:pointer;border-radius:12px;transition:background .18s;padding:13px 4px}.pf-settings-row:hover{background:#f6f8f6}.pf-settings-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.pf-settings-label{flex:1;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:600;color:#1a1a1a}.pf-settings-label--danger{color:#c62828}.pf-settings-chevron{font-size:11px;color:#d0d0d0}.pf-settings-chevron--danger{color:#ffcdd2}.pf-danger-zone{margin-top:2px}.pf-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-family:Poppins,sans-serif;font-size:12px;color:#9ca3af;padding-bottom:20px}.pf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f0694;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;animation:pf-fadeIn .22s ease}.pf-modal{background:#fff;border-radius:22px;padding:36px 32px;max-width:420px;width:100%;position:relative;text-align:center;animation:pf-scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px #0003}.pf-modal__close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#f3f4f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:18px;line-height:1;transition:all .2s}.pf-modal__close:hover{background:#e5e7eb;color:#333}.pf-modal__title{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;margin-bottom:22px}.pf-field{margin-bottom:16px;text-align:left}.pf-field label{display:block;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;color:#555;margin-bottom:8px}.pf-field-input-wrap{position:relative;display:flex;align-items:center}.pf-field-input{width:100%;padding:13px 44px 13px 16px;border:1.5px solid #E8E8E8;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;color:#1a1a1a;background:#fafafa;outline:none;transition:all .2s}.pf-field-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501a}.pf-field-eye{position:absolute;right:14px;color:#9ca3af;cursor:pointer;font-size:16px;display:flex;transition:color .18s;background:none;border:none;padding:0}.pf-field-eye:hover{color:#4caf50}.pf-modal-error{padding:10px 14px;background:#fff5f5;border:1px solid #FFCDD2;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;color:#c62828;font-weight:500;margin-bottom:16px;text-align:left}.pf-modal-success{padding:10px 14px;background:#f1f8f1;border:1px solid #C8E6C9;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;color:#2e7d32;font-weight:500;margin-bottom:16px;text-align:left}.pf-code-input{width:100%;padding:16px;border:1.5px solid #E8E8E8;border-radius:12px;font-family:Poppins,sans-serif;font-size:26px;font-weight:700;letter-spacing:10px;text-align:center;color:#1a1a1a;background:#fafafa;outline:none;margin-bottom:18px;transition:all .2s}.pf-code-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501a}.pf-verify-banner{display:flex;align-items:center;gap:12px;background:#e8f5e9;border-radius:12px;padding:14px 16px;margin-bottom:20px;text-align:left}.pf-verify-banner__text{font-family:Poppins,sans-serif;font-size:13px;color:#555;line-height:1.55}.pf-modal-submit{width:100%;padding:14px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;box-shadow:0 4px 16px #4caf5047}.pf-modal-submit:hover{opacity:.9;transform:translateY(-1px)}.pf-modal-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pf-confirm-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 18px}.pf-confirm-row{display:flex;gap:12px;margin-top:6px}.pf-confirm-cancel{flex:1;padding:13px;background:#f3f4f6;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:600;color:#666;cursor:pointer;transition:background .2s}.pf-confirm-cancel:hover{background:#e5e7eb}.pf-confirm-action{flex:1;padding:13px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px}.pf-confirm-action:disabled{opacity:.6;cursor:not-allowed}.profile-loading,.profile-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.profile-loading__spinner{width:40px;height:40px;border:3px solid #E8F5E9;border-top-color:#4caf50;border-radius:50%;animation:pf-spin .7s linear infinite;margin-bottom:16px}.profile-loading__text{font-family:Poppins,sans-serif;font-size:14px;color:#9ca3af}.profile-error-icon{width:72px;height:72px;border-radius:50%;background:#ffebee;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:18px}.profile-error-title{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.profile-error-sub{font-family:Poppins,sans-serif;font-size:14px;color:#888;margin-bottom:24px;line-height:1.6}@keyframes pf-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pf-scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-pulse{0%,to{box-shadow:0 0 #4caf5066}50%{box-shadow:0 0 0 5px #4caf5000}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.spinner{animation:pf-spin .8s linear infinite}@media (max-width: 600px){.profile-hero{padding:28px 20px 46px}.pf-card{padding:18px 16px}.pf-stats-row{gap:8px}.pf-stat{padding:14px 8px}.pf-modal{padding:32px 22px}.pf-confirm-row{flex-direction:column}}.quiz-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);padding:22px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.quiz-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.quiz-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quiz-card-header h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--dark-text-color);margin:0}.heart-icon{font-size:16px;color:var(--red);cursor:pointer;transition:transform .2s ease;flex-shrink:0}.heart-icon:hover{transform:scale(1.25)}.quiz-card-desc{font-size:13px;color:var(--semidark-text-color);line-height:1.55;margin-bottom:6px}.quiz-date{font-size:12px;color:var(--light-text-color);margin-bottom:16px}.quiz-card-actions{display:flex;gap:8px}.quiz-action-button{flex:1;padding:9px 16px;font-family:var(--font-body);font-size:12px;font-weight:600;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);background:var(--primary-color);color:#fff}.quiz-action-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.quiz-action-button--outline{background:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color)}.quiz-action-button--outline:hover{background:var(--primary-ghost);color:var(--primary-dark)}@media (max-width: 768px){.quiz-card{padding:18px}.quiz-card-actions{flex-direction:column}}.favorites-header{margin-bottom:24px;animation:fadeUp .5s ease both}.favorites-header h1{font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:6px}.favorites-search-bar{display:flex;gap:10px;margin-bottom:28px;max-width:420px}.favorites-search-bar input{flex:1;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .2s}.favorites-search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.favorites-search-button{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all .25s}.favorites-search-button:hover{background:var(--primary-dark)}.favorites-quiz-sessions,.favorites-uploaded-files{margin-bottom:36px}.favorites-quiz-sessions h2,.favorites-uploaded-files h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:16px;color:var(--dark-text-color)}.quiz-cards,.file-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.no-favorites{text-align:center;padding:48px 28px;background:var(--bg-card,#fff);border-radius:var(--radius);border:1px solid var(--border-color);margin-top:24px}.no-favorites p{color:var(--semidark-text-color);font-size:15px;margin-bottom:22px;line-height:1.6}.action-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.explore-quizzes-button,.upload-document-button{padding:12px 24px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .25s;font-size:14px;font-family:var(--font-body)}.explore-quizzes-button{background:var(--primary-color);color:#fff}.explore-quizzes-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.upload-document-button{background:var(--accent-background);color:var(--primary-dark)}.upload-document-button:hover{background:#c8e6c9}.file-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);padding:22px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.file-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.file-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.file-card-header h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--dark-text-color);margin:0}.file-icon{font-size:22px;color:var(--primary-color);flex-shrink:0}.file-date{font-size:12px;color:var(--light-text-color);margin-bottom:16px}.file-card-actions{display:flex;gap:8px}.file-action-button{flex:1;padding:9px 16px;font-family:var(--font-body);font-size:12px;font-weight:600;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);background:var(--primary-color);color:#fff}.file-action-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.file-action-button--outline{background:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color)}.file-action-button--outline:hover{background:var(--primary-ghost);color:var(--primary-dark)}@media (max-width: 768px){.file-card{padding:18px}.file-card-actions{flex-direction:column}}.summarypage-container{animation:fadeIn .4s ease}.summarypage-container h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:18px}.summarypage-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:22px}.summarypage-card{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s}.summarypage-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summarypage-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:6px}.summarypage-card p{font-size:13px;color:var(--semidark-text-color);line-height:1.6}.summarypage-card .date{font-size:11px;color:var(--light-text-color);margin-bottom:10px}.summarypage-toggle{padding:12px 28px;background:var(--accent-background);color:var(--primary-dark);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition)}.summarypage-toggle:hover{background:#c8e6c9}.exams-page{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.exams-page h2{font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:24px;color:var(--dark-text-color)}.exam-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.exam-card{background:var(--bg-card, #fff);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center}.exam-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.exam-card img{width:80px;height:80px;border-radius:16px;object-fit:cover;margin:0 auto 14px;background:var(--background-color)}.exam-card h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:6px;color:var(--dark-text-color)}.exam-card p{font-size:13px;color:var(--semidark-text-color);line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a1280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card, #fff);border-radius:var(--radius-lg, 18px);padding:36px;max-width:540px;width:100%;position:relative;box-shadow:var(--shadow-xl);animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.close-modal{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--background-color);border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--light-text-color);transition:all .2s}.close-modal:hover{background:var(--border-color);color:var(--dark-text-color)}.modal-content h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:20px;color:var(--dark-text-color)}.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modal-item{padding:14px;background:var(--background-color);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--semidark-text-color);cursor:pointer;transition:all .2s;text-align:center}.modal-item:hover{border-color:var(--primary-color);background:var(--accent-background);color:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.modal-grid{grid-template-columns:repeat(2,1fr)}.modal-content{padding:28px}}.sp-subpage{max-width:1100px;margin:0 auto;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.sp-subpage__header{margin-bottom:36px;text-align:center}.sp-subpage__eyebrow{display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#4caf50;margin-bottom:10px}.sp-subpage__title{font-family:Fraunces,serif;font-size:30px;font-weight:800;color:#1a1a1a;letter-spacing:-.03em;line-height:1.15;margin-bottom:8px}.sp-subpage__title em{font-style:italic;color:#4caf50}.sp-subpage__sub{font-family:Poppins,sans-serif;font-size:14px;color:#888;line-height:1.6}.sp-subpage__current-banner{display:flex;align-items:center;gap:14px;padding:16px 22px;background:#e8f5e9;border:1.5px solid #A5D6A7;border-radius:16px;margin-bottom:32px;flex-wrap:wrap}.sp-subpage__current-dot{width:10px;height:10px;border-radius:50%;background:#4caf50;flex-shrink:0;animation:sp-sub-pulse 2s ease-in-out infinite}.sp-subpage__current-text{font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;color:#2e7d32;flex:1}.sp-subpage__current-badge{display:inline-flex;padding:4px 14px;background:#4caf50;color:#fff;border-radius:100px;font-family:Poppins,sans-serif;font-size:12px;font-weight:700}.sp-subpage__cats{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.sp-subpage__cat{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:12px;border:1.5px solid #E8E8E8;background:#fff;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;color:#666;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.sp-subpage__cat:hover{border-color:#4caf50;color:#2e7d32;background:#e8f5e9}.sp-subpage__cat--active{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.sp-subpage__cat-emoji{font-size:16px}.sp-subpage__billing-wrap{margin-bottom:36px;display:flex;justify-content:center}.sp-subpage__billing{display:inline-flex;background:#f3f4f6;border-radius:12px;padding:4px;border:1px solid #E8E8E8}.sp-subpage__bill-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:9px;border:none;background:transparent;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;color:#888;cursor:pointer;transition:all .2s}.sp-subpage__bill-btn--active{background:#4caf50;color:#fff;box-shadow:0 3px 12px #4caf5047}.sp-subpage__save-tag{padding:2px 9px;border-radius:100px;font-size:10.5px;font-weight:700}.sp-subpage__bill-btn--active .sp-subpage__save-tag{background:#ffffff38;color:#fff}.sp-subpage__bill-btn:not(.sp-subpage__bill-btn--active) .sp-subpage__save-tag{background:#e8f5e9;color:#2e7d32}.sp-subpage__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.sp-subpage__card{background:#fff;border-radius:22px;padding:26px 20px;border:1.5px solid #E8E8E8;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.sp-subpage__card:hover{transform:translateY(-5px);box-shadow:0 20px 52px #00000017;border-color:var(--card-clr, #4CAF50)}.sp-subpage__card--popular{border-color:var(--card-clr, #4CAF50);border-width:2px;transform:translateY(-8px);box-shadow:0 24px 56px #0000001f}.sp-subpage__card--popular:hover{transform:translateY(-13px)}.sp-subpage__card--current{border-color:#4caf50;border-width:2px;background:#fafffe}.sp-subpage__popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--card-clr, #4CAF50);color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;padding:5px 16px;border-radius:100px;white-space:nowrap;box-shadow:0 4px 14px #0000002e;letter-spacing:.3px}.sp-subpage__current-plan-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#e8f5e9;border-radius:100px;font-family:Poppins,sans-serif;font-size:10.5px;font-weight:700;color:#2e7d32}.sp-subpage__plan-name{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:var(--card-clr, #2E7D32);margin-bottom:6px;letter-spacing:-.01em}.sp-subpage__discount{display:inline-block;font-family:Poppins,sans-serif;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:6px;background:var(--card-bg, rgba(76,175,80,.09));color:var(--card-clr, #2E7D32);margin-bottom:14px}.sp-subpage__price-block{margin-bottom:6px}.sp-subpage__free-label{font-family:Fraunces,serif;font-size:26px;font-weight:700;color:#78909c}.sp-subpage__price-row{display:flex;align-items:flex-end;gap:1px;line-height:1}.sp-subpage__currency{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.sp-subpage__amount{font-family:Fraunces,serif;font-size:32px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1}.sp-subpage__period{font-family:Poppins,sans-serif;font-size:12px;color:#9ca3af;margin-bottom:4px;margin-left:2px}.sp-subpage__monthly-equiv{font-family:Poppins,sans-serif;font-size:11.5px;color:#9ca3af;margin-top:5px}.sp-subpage__divider{height:1px;background:#f0f0f0;margin:16px 0}.sp-subpage__features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.sp-subpage__feature{display:flex;align-items:flex-start;gap:9px;font-family:Poppins,sans-serif;font-size:12px;color:#555;line-height:1.45}.sp-subpage__feature--off{opacity:.42}.sp-subpage__feat-icon{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.sp-subpage__feat-icon--check{background:#4caf501a;color:#4caf50}.sp-subpage__feat-icon--x{background:#f3f4f6;color:#bdbdbd}.sp-subpage__cta{width:100%;padding:13px;border-radius:11px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:7px}.sp-subpage__cta--solid{background:var(--card-clr, #4CAF50);color:#fff;border-color:var(--card-clr, #4CAF50);box-shadow:0 3px 12px #4caf5038}.sp-subpage__cta--solid:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.sp-subpage__cta--outline{background:transparent;color:var(--card-clr, #4CAF50);border-color:var(--card-clr, #4CAF50)}.sp-subpage__cta--outline:hover:not(:disabled){background:var(--card-bg, rgba(76,175,80,.07))}.sp-subpage__cta--free{background:#4caf50;color:#fff;border-color:#4caf50}.sp-subpage__cta--free:hover{background:#388e3c}.sp-subpage__cta--current{background:#f3f4f6;color:#9ca3af;border-color:#f3f4f6;cursor:not-allowed}.sp-subpage__cta--loading{opacity:.7;cursor:not-allowed}.sp-subpage__cta-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:sp-sub-spin .7s linear infinite}.sp-subpage__footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:40px;font-family:Poppins,sans-serif;font-size:12.5px;color:#9ca3af}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-sub-pulse{0%,to{box-shadow:0 0 #4caf5066}50%{box-shadow:0 0 0 5px #4caf5000}}@keyframes sp-sub-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.sp-subpage__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.sp-subpage__title{font-size:24px}.sp-subpage__grid{grid-template-columns:1fr}.sp-subpage__card--popular{transform:none}.sp-subpage__cats{flex-direction:column}.sp-subpage__cat{justify-content:center}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--card);border-bottom:1px solid var(--border)}.app-header h1{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0}.header-search{display:flex;align-items:center;gap:8px;background:var(--background-color);padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color .2s}.header-search:focus-within{border-color:var(--primary-color)}.header-search input{border:none;background:transparent;outline:none;font-size:14px;font-family:var(--font-body);color:var(--dark-text-color)}.header-icons{display:flex;gap:14px}.header-icons svg{font-size:18px;color:var(--light-text-color);cursor:pointer;transition:color .2s}.header-icons svg:hover{color:var(--primary-color)}.overview-section{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.overview-section h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:18px;color:var(--dark-text-color)}.resource-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resource-card{background:var(--bg-card, #fff);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid var(--border-color);text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.resource-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.resource-card svg{font-size:28px;color:var(--primary-color);margin-bottom:12px}.resource-card p{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--dark-text-color);margin-bottom:4px}.resource-card span{display:block;font-size:12px;color:var(--light-text-color);margin-bottom:2px}@media (max-width: 768px){.resource-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.resource-cards{grid-template-columns:1fr}}.explore-section{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.explore-section h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:18px;color:var(--dark-text-color)}.explore-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.explore-card{background:var(--bg-card, #fff);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.explore-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.explore-card p{font-family:var(--font-display);font-weight:700;font-size:15px;margin-bottom:6px;color:var(--dark-text-color)}.explore-card span{font-size:13px;color:var(--semidark-text-color);line-height:1.55}@media (max-width: 768px){.explore-cards{grid-template-columns:1fr}}.recent-uploads-section h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:16px}.recent-uploads-section table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.recent-uploads-section th{text-align:left;padding:14px 18px;font-size:12px;font-weight:600;color:var(--light-text-color);background:var(--background-color);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.recent-uploads-section td{padding:14px 18px;font-size:13px;color:var(--semidark-text-color);border-bottom:1px solid var(--border)}.recent-uploads-section tr:hover td{background:#4caf5005}.recent-uploads-section button{padding:7px 16px;background:var(--accent-background);color:var(--primary-dark);border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.recent-uploads-section button:hover{background:#c8e6c9}.sp-login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.sp-login-panel{background:#0a1a0c;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px 48px}.sp-login-panel:before{content:"";position:absolute;top:-120px;left:-60px;width:560px;height:560px;background:radial-gradient(circle,rgba(76,175,80,.18) 0%,transparent 65%);pointer-events:none}.sp-login-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.sp-login-panel__orb{position:absolute;bottom:-80px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,.13) 0%,transparent 65%);pointer-events:none}.sp-login-panel__logo{display:flex;align-items:center;gap:10px;position:relative;z-index:2;animation:sp-auth-fadeUp .6s cubic-bezier(.16,1,.3,1) both}.sp-login-panel__logo-img{width:34px;height:34px;border-radius:9px;object-fit:contain}.sp-login-panel__logo-name{font-family:Fraunces,serif;font-weight:700;font-size:17px;color:#fff;letter-spacing:-.02em}.sp-login-panel__copy{position:relative;z-index:2;animation:sp-auth-fadeUp .65s cubic-bezier(.16,1,.3,1) .1s both}.sp-login-panel__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#4caf50;margin-bottom:22px}.sp-login-panel__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#4caf50;animation:sp-auth-pulse 2s ease-in-out infinite}.sp-login-panel__headline{font-family:Fraunces,serif;font-size:clamp(40px,4.5vw,58px);font-weight:800;font-style:italic;line-height:1.06;letter-spacing:-.04em;color:#fff;margin-bottom:24px}.sp-login-panel__headline em{font-style:normal;color:#66bb6a}.sp-login-panel__sub{font-family:Poppins,sans-serif;font-size:14.5px;color:#ffffff85;line-height:1.72;max-width:320px}.sp-login-panel__cards{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;animation:sp-auth-fadeUp .65s cubic-bezier(.16,1,.3,1) .2s both}.sp-login-panel__card{display:flex;align-items:center;gap:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s}.sp-login-panel__card:hover{background:#ffffff17}.sp-login-panel__card-icon{font-size:26px;flex-shrink:0;line-height:1}.sp-login-panel__card-text strong{display:block;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}.sp-login-panel__card-text span{font-family:Poppins,sans-serif;font-size:12px;color:#ffffff70}.sp-login-panel__stats{display:flex;gap:0;position:relative;z-index:2;animation:sp-auth-fadeUp .65s cubic-bezier(.16,1,.3,1) .28s both}.sp-login-panel__stat{flex:1;text-align:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.sp-login-panel__stat:last-child{border-right:none}.sp-login-panel__stat-val{display:block;font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2}.sp-login-panel__stat-lbl{display:block;font-family:Poppins,sans-serif;font-size:10.5px;color:#ffffff5c;font-weight:500;margin-top:2px;letter-spacing:.3px}.sp-login-form-side{background:#fff;display:flex;align-items:center;justify-content:center;padding:52px 64px;position:relative}.sp-login-form-side:before{content:"";position:absolute;top:0;right:0;width:180px;height:180px;background:radial-gradient(circle at top right,rgba(76,175,80,.06) 0%,transparent 70%);pointer-events:none}.sp-login-form-wrap{width:100%;max-width:380px;animation:sp-auth-fadeUp .6s cubic-bezier(.16,1,.3,1) .15s both}.sp-login-form-header{margin-bottom:36px}.sp-login-form-tag{display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#4caf50;margin-bottom:12px}.sp-login-form-title{font-family:Fraunces,serif;font-size:34px;font-weight:800;color:#1a1a1a;letter-spacing:-.035em;line-height:1.1;margin-bottom:8px}.sp-login-form-sub{font-family:Poppins,sans-serif;font-size:14px;color:#888;line-height:1.5}.sp-login-error{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:#fff5f5;border:1px solid #FFCDD2;border-radius:12px;color:#c62828;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;margin-bottom:22px;animation:sp-auth-fadeDown .3s ease}.sp-login-field{margin-bottom:22px}.sp-login-field label{display:block;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;color:#555;margin-bottom:8px;letter-spacing:.2px}.sp-login-input-wrap{position:relative}.sp-login-input{width:100%;padding:14px 44px 14px 16px;border:1.5px solid #e8e8e8;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;color:#1a1a1a;background:#fafafa;outline:none;transition:all .22s cubic-bezier(.16,1,.3,1)}.sp-login-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf501a}.sp-login-input::placeholder{color:#bbb}.sp-login-field-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#bbb;cursor:pointer;display:flex;font-size:16px;transition:color .2s;-webkit-user-select:none;user-select:none}.sp-login-field-icon:hover{color:#4caf50}.sp-login-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.sp-login-remember{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:13px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.sp-login-remember input[type=checkbox]{accent-color:#4CAF50;width:15px;height:15px;cursor:pointer}.sp-login-submit{width:100%;padding:15px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15.5px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 18px #4caf5052;letter-spacing:.1px;margin-bottom:28px}.sp-login-submit:hover{background:#388e3c;transform:translateY(-2px);box-shadow:0 8px 28px #4caf5066}.sp-login-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.sp-login-submit svg{transition:transform .2s}.sp-login-submit:hover svg{transform:translate(3px)}.sp-login-footer{text-align:center;font-family:Poppins,sans-serif;font-size:13.5px;color:#888}.sp-login-footer button,.sp-login-footer a{background:none;border:none;color:#4caf50;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;transition:color .2s;text-decoration:none;margin-left:4px}.sp-login-footer button:hover,.sp-login-footer a:hover{color:#388e3c;text-decoration:underline}@media (max-width: 860px){.sp-login-page{grid-template-columns:1fr}.sp-login-panel{padding:28px 24px 32px;min-height:auto;justify-content:flex-start;gap:28px}.sp-login-panel__copy,.sp-login-panel__stats{display:none}.sp-login-panel__cards{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding-bottom:4px}.sp-login-panel__card{flex-shrink:0;min-width:200px}.sp-login-form-side{padding:40px 24px 56px;align-items:flex-start}.sp-login-form-wrap{max-width:100%}}@media (max-width: 480px){.sp-login-panel__cards{display:none}.sp-login-panel{padding:22px 20px 24px;flex-direction:row;align-items:center;justify-content:space-between}.sp-login-panel__orb{display:none}.sp-login-form-side{padding:32px 20px 48px}.sp-login-form-title{font-size:28px}}.sp-register-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.sp-register-panel{background:#0a1a0c;position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px 48px}.sp-register-panel:before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(76,175,80,.15) 0%,transparent 65%);pointer-events:none}.sp-register-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.sp-register-panel__orb{position:absolute;bottom:-100px;left:-60px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,.11) 0%,transparent 65%);pointer-events:none}.sp-register-panel__logo{display:flex;align-items:center;gap:10px;position:relative;z-index:2;animation:sp-auth-fadeUp .6s cubic-bezier(.16,1,.3,1) both}.sp-register-panel__logo-img{width:34px;height:34px;border-radius:9px;object-fit:contain}.sp-register-panel__logo-name{font-family:Fraunces,serif;font-weight:700;font-size:17px;color:#fff;letter-spacing:-.02em}.sp-register-panel__copy{position:relative;z-index:2;animation:sp-auth-fadeUp .65s cubic-bezier(.16,1,.3,1) .1s both}.sp-register-panel__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#4caf50;margin-bottom:22px}.sp-register-panel__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#4caf50;animation:sp-auth-pulse 2s ease-in-out infinite}.sp-register-panel__headline{font-family:Fraunces,serif;font-size:clamp(38px,4vw,52px);font-weight:800;font-style:italic;line-height:1.08;letter-spacing:-.04em;color:#fff;margin-bottom:22px}.sp-register-panel__headline em{font-style:normal;color:#66bb6a}.sp-register-panel__sub{font-family:Poppins,sans-serif;font-size:14px;color:#ffffff80;line-height:1.72;max-width:310px}.sp-register-panel__testimonial{position:relative;z-index:2;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px 22px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:sp-auth-fadeUp .65s cubic-bezier(.16,1,.3,1) .18s both}.sp-register-panel__quote{font-family:Fraunces,serif;font-size:16px;font-style:italic;color:#ffffffe0;line-height:1.65;margin-bottom:16px}.sp-register-panel__quote:before{content:"“"}.sp-register-panel__quote:after{content:"”"}.sp-register-panel__author{display:flex;align-items:center;gap:12px}.sp-register-panel__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#66bb6a);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.sp-register-panel__author-info strong{display:block;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fff}.sp-register-panel__author-info span{font-family:Poppins,sans-serif;font-size:11.5px;color:#fff6}.sp-register-panel__badges{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2;animation:sp-auth-fadeUp .65s cubic-bezier(.16,1,.3,1) .24s both}.sp-register-panel__badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:100px;background:#4caf501f;border:1px solid rgba(76,175,80,.2);font-family:Poppins,sans-serif;font-size:11.5px;font-weight:600;color:#66bb6a}.sp-register-form-side{background:#fff;display:flex;justify-content:center;padding:52px 64px 72px;position:relative;overflow-y:auto}.sp-register-form-side:before{content:"";position:absolute;top:0;left:0;width:180px;height:180px;background:radial-gradient(circle at top left,rgba(76,175,80,.05) 0%,transparent 70%);pointer-events:none}.sp-register-form-wrap{width:100%;max-width:400px;animation:sp-auth-fadeUp .6s cubic-bezier(.16,1,.3,1) .15s both}.sp-register-form-header{margin-bottom:34px}.sp-register-form-tag{display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#4caf50;margin-bottom:12px}.sp-register-form-title{font-family:Fraunces,serif;font-size:32px;font-weight:800;color:#1a1a1a;letter-spacing:-.035em;line-height:1.1;margin-bottom:8px}.sp-register-form-sub{font-family:Poppins,sans-serif;font-size:14px;color:#888;line-height:1.5}.sp-register-error{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:#fff5f5;border:1px solid #FFCDD2;border-radius:12px;color:#c62828;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;margin-bottom:20px;animation:sp-auth-fadeDown .3s ease}.sp-register-success{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:#f1f8f1;border:1px solid #C8E6C9;border-radius:12px;color:#2e7d32;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;margin-bottom:20px;animation:sp-auth-fadeDown .3s ease}.sp-register-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sp-register-field{margin-bottom:20px}.sp-register-field label{display:block;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;color:#555;margin-bottom:8px;letter-spacing:.2px}.sp-register-input-wrap{position:relative}.sp-register-input{width:100%;padding:14px 44px 14px 16px;border:1.5px solid #e8e8e8;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;color:#1a1a1a;background:#fafafa;outline:none;transition:all .22s cubic-bezier(.16,1,.3,1)}.sp-register-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf501a}.sp-register-input::placeholder{color:#bbb}.sp-register-field-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#bbb;cursor:pointer;display:flex;font-size:16px;transition:color .2s;-webkit-user-select:none;user-select:none}.sp-register-field-icon:hover{color:#4caf50}.sp-register-phone-wrap{display:flex;align-items:center;border:1.5px solid #e8e8e8;border-radius:12px;overflow:hidden;background:#fafafa;transition:all .22s cubic-bezier(.16,1,.3,1)}.sp-register-phone-wrap:focus-within{border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf501a}.sp-register-phone-divider{width:1px;height:22px;background:#e8e8e8;flex-shrink:0}.sp-register-phone-wrap input.sp-register-input{border:none!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}.country-code-select{min-width:110px;flex-shrink:0}.sp-register-terms{display:flex;align-items:flex-start;gap:11px;margin-bottom:26px;font-family:Poppins,sans-serif;font-size:13px;color:#666;line-height:1.55}.sp-register-terms input[type=checkbox]{accent-color:#4CAF50;width:16px;height:16px;cursor:pointer;flex-shrink:0;margin-top:1px}.sp-register-submit{width:100%;padding:15px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15.5px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 18px #4caf5052;letter-spacing:.1px;margin-bottom:28px}.sp-register-submit:hover{background:#388e3c;transform:translateY(-2px);box-shadow:0 8px 28px #4caf5066}.sp-register-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.sp-register-footer{text-align:center;font-family:Poppins,sans-serif;font-size:13.5px;color:#888}.sp-register-footer a,.sp-register-footer button{background:none;border:none;color:#4caf50;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;transition:color .2s;text-decoration:none;margin-left:4px}.sp-register-footer a:hover,.sp-register-footer button:hover{color:#388e3c;text-decoration:underline}.sp-auth-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sp-spin .7s linear infinite}.sp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c06a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:sp-auth-fadeIn .22s ease}.sp-modal-box{background:#fff;border-radius:22px;padding:44px 40px;max-width:420px;width:100%;position:relative;text-align:center;animation:sp-auth-scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px #00000038}.sp-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#f1f3f5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;transition:all .2s;line-height:1}.sp-modal-close:hover{background:#e9ecef;color:#333}.sp-modal-icon-wrap{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#4caf50,#66bb6a);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;box-shadow:0 8px 24px #4caf504d}.sp-modal-title{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:10px;letter-spacing:-.02em}.sp-modal-sub{font-family:Poppins,sans-serif;font-size:14px;color:#888;line-height:1.65;margin-bottom:6px}.sp-modal-error{background:#fff5f5;border:1px solid #FFCDD2;color:#c62828;padding:10px 14px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;margin:10px 0;text-align:left}.sp-modal-success{background:#f1f8f1;border:1px solid #C8E6C9;color:#2e7d32;padding:10px 14px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;margin:10px 0}.sp-modal-input{width:100%;padding:16px;border:1.5px solid #e8e8e8;border-radius:12px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;letter-spacing:8px;text-align:center;outline:none;margin:14px 0;transition:border-color .2s,box-shadow .2s;background:#fafafa;color:#1a1a1a}.sp-modal-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf501a}.sp-modal-btn{width:100%;padding:14px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s;margin-bottom:14px;box-shadow:0 4px 16px #4caf5047}.sp-modal-btn:hover{background:#388e3c}.sp-modal-btn:disabled{opacity:.5;cursor:not-allowed}.sp-modal-close-btn{padding:12px 32px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .22s}.sp-modal-close-btn:hover{background:#388e3c}.sp-modal-resend{font-family:Poppins,sans-serif;font-size:13px;color:#aaa;margin-top:8px}.sp-modal-resend-link{color:#4caf50;font-weight:700;cursor:pointer;transition:color .2s}.sp-modal-resend-link:hover{color:#388e3c;text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c06a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:sp-auth-fadeIn .22s ease}.modal-content{background:#fff;border-radius:22px;padding:44px 40px;max-width:420px;width:100%;position:relative;text-align:center;animation:sp-auth-scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px #00000038}.modal-content h2{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:10px;letter-spacing:-.02em}.modal-content p{font-family:Poppins,sans-serif;font-size:14px;color:#888;line-height:1.65;margin-bottom:22px}.modal-close-btn{padding:12px 32px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .22s}.modal-close-btn:hover{background:#388e3c}.modal-close-icon{position:absolute;top:14px;right:14px;background:#f1f3f5;border:none;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s}.modal-close-icon:hover{background:#e9ecef;color:#333}.modal-error{background:#fff5f5;border:1px solid #FFCDD2;color:#c62828;padding:10px 14px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;margin:10px 0;text-align:left}.modal-success{background:#f1f8f1;border:1px solid #C8E6C9;color:#2e7d32;padding:10px 14px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;margin:10px 0}.modal-input{width:100%;padding:16px;border:1.5px solid #e8e8e8;border-radius:12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;letter-spacing:6px;text-align:center;outline:none;margin:14px 0;background:#fafafa;transition:all .2s}.modal-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf501a}.modal-btn{width:100%;padding:14px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s;margin-bottom:14px}.modal-btn:hover{background:#388e3c}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.resend-text{font-family:Poppins,sans-serif;font-size:13px;color:#aaa;margin-top:8px}.resend-token{color:#4caf50;font-weight:700;cursor:pointer}.resend-token:hover{color:#388e3c;text-decoration:underline}@keyframes sp-auth-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-auth-fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-auth-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sp-auth-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sp-auth-pulse{0%,to{box-shadow:0 0 #4caf5066}50%{box-shadow:0 0 0 5px #4caf5000}}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.sp-register-page{grid-template-columns:1fr}.sp-register-panel{position:static;height:auto;padding:28px 24px 32px;flex-direction:column;gap:0;justify-content:flex-start}.sp-register-panel__copy,.sp-register-panel__testimonial,.sp-register-panel__badges,.sp-register-panel__orb{display:none}.sp-register-form-side{padding:40px 24px 64px}.sp-register-form-wrap{max-width:100%}.sp-register-row{grid-template-columns:1fr;gap:0}}@media (max-width: 480px){.sp-register-panel{padding:22px 20px 24px}.sp-register-form-side{padding:32px 20px 56px}.sp-register-form-title{font-size:28px}.sp-modal-box{padding:36px 24px}}.not-found-container{text-align:center;padding:50px}.not-found-container h1{font-size:3rem;color:#d9534f}.not-found-container p{font-size:1.2rem;color:#666}.home-link{display:inline-block;margin-top:20px;padding:10px 20px;background:#007bff;color:#fff;text-decoration:none;border-radius:5px}.home-link:hover{background:#0056b3}.change-password-header{margin-bottom:24px}.change-password-header h1{font-family:var(--font-display);font-size:26px;font-weight:700}.change-password-container{max-width:480px}.change-password-content{background:var(--bg-card,#fff);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.change-input-group{margin-bottom:18px;position:relative}.change-input-group label{display:block;font-size:13px;font-weight:600;color:var(--semidark-text-color);margin-bottom:7px}.change-input-group input{width:100%;padding:13px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .2s}.change-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.change-text-container{margin-bottom:18px;padding:14px 16px;background:var(--background-color);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.change-text-container p{font-size:12px;color:var(--light-text-color);margin-bottom:3px;display:flex;align-items:center;gap:6px}.change-button-container{display:flex;gap:12px;margin-top:24px}.submit-button{flex:1;padding:13px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.submit-button:hover{background:var(--primary-dark)}.change-button-container button:last-child{flex:1;padding:13px;background:var(--background-color);color:var(--semidark-text-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;font-family:var(--font-body);font-size:14px;transition:all .2s}.change-button-container button:last-child:hover{background:var(--border-color)}.change-password-footer{text-align:center;padding:28px;color:var(--semidark-text-color);font-size:14px}.change-password-footer button{margin-top:12px;padding:10px 24px;background:var(--accent-background);color:var(--primary-dark);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.card-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:28px}.card-body{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:48px 36px;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);animation:scaleIn .4s ease}.check-icon{color:var(--primary-color);margin-bottom:18px}.card-body h1{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:14px;color:var(--dark-text-color)}.card-body p{color:var(--semidark-text-color);font-size:14px;margin-bottom:22px;line-height:1.7}.email-button-container2{display:flex;flex-direction:column;gap:14px;align-items:center}.confirm-btn-primary{padding:14px 36px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:15px;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.confirm-btn-primary:hover{background:var(--primary-dark)}.back-home-text{color:var(--primary-color);font-weight:600;font-size:14px;transition:color .2s}.back-home-text:hover{color:var(--primary-dark)}.card-container-footer{text-align:center;padding:18px;color:var(--light-text-color);font-size:13px}.card-container-footer a{color:var(--primary-color);margin-left:4px}.upload-progress-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:28px}.upload-progress-card{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:40px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);animation:scaleIn .4s ease}.upload-progress-card p{color:var(--semidark-text-color);font-size:14px;margin-bottom:14px}.upload-progress-flow{width:100%;height:8px;border-radius:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-bottom:14px;display:block}.upload-progress-flow::-webkit-progress-bar{background:var(--border-color);border-radius:4px}.upload-progress-flow::-webkit-progress-value{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:4px;transition:width .3s}.upload-progress-flow::-moz-progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:4px}.upload-progress-button-container{margin-top:22px}.upload-progress-button{padding:12px 28px;background:var(--red);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .25s;font-family:var(--font-body);font-size:14px}.upload-progress-button:hover{background:#e53935;transform:translateY(-1px)}.summary-results-header{display:flex;align-items:center;gap:12px;padding:22px 32px;background:var(--bg-card,#fff);border-bottom:1px solid var(--border-color)}.summary-results-header h1{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0}.summaryR-icon{color:var(--primary-color);font-size:26px}.summary-results-content{max-width:800px;margin:28px auto;padding:0 24px;animation:fadeUp .5s ease}.summary-results-content h1{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:18px;color:var(--dark-text-color)}.summary-box{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:24px}.summary-box p{font-size:14px;color:var(--semidark-text-color);margin-bottom:12px;line-height:1.7}.summarised-text{color:var(--dark-text-color);font-weight:400;margin-left:4px}.summary-results-button{display:flex;flex-wrap:wrap;gap:12px}.summary-results-button button,.sub-summary-results-button button{padding:12px 22px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:13px;transition:all .25s;font-family:var(--font-body)}.summary-results-button>button{background:var(--primary-color);color:#fff}.summary-results-button>button:hover{background:var(--primary-dark)}.sub-summary-results-button{display:flex;gap:8px}.sub-summary-results-button button{background:var(--accent-background);color:var(--primary-dark)}.sub-summary-results-button button:hover{background:#c8e6c9}.summary-results-footer{text-align:center;padding:36px;color:var(--light-text-color);font-size:13px}.upload-success-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:28px}.upload-success-content{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:48px 36px;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);animation:scaleIn .4s ease}.upload-success-container-icon{font-size:52px;color:var(--primary-color);margin-bottom:18px}.upload-success-content h1{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:14px;color:var(--dark-text-color)}.upload-success-content>p{color:var(--semidark-text-color);font-size:15px;margin-bottom:28px;line-height:1.6}.upload-success-button-container{display:flex;flex-direction:column;gap:12px}.upload-success-button-container button{padding:14px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:14px;transition:all .25s;font-family:var(--font-body)}.upload-success-button-container button:first-child{background:var(--primary-color);color:#fff}.upload-success-button-container button:first-child:hover{background:var(--primary-dark)}.upload-success-button-container button:nth-child(2){background:var(--accent-background);color:var(--primary-dark)}.upload-success-button-container button:nth-child(2):hover{background:#c8e6c9}.upload-success-button-container button:last-child{background:var(--accent-light,#FFF8E1);color:var(--accent-color,#FFB300)}.upload-success-button-container button:last-child:hover{background:#ffecb3}.coming-soon-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:28px}.coming-soon-content{text-align:center;max-width:620px;animation:fadeUp .5s ease both}.coming-soon-content h1{font-family:var(--font-display);font-size:30px;font-weight:700;margin-bottom:14px;color:var(--dark-text-color)}.coming-soon-content>p{color:var(--semidark-text-color);font-size:16px;margin-bottom:36px;line-height:1.6}.coming-soon-card{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.coming-soon-card-content{display:flex;align-items:flex-start;gap:18px;padding:22px;background:var(--bg-card,#fff);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-color);text-align:left;transition:all .3s}.coming-soon-card-content:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.coming-soon-card-content-icon{font-size:26px;color:var(--primary-color);flex-shrink:0;margin-top:2px}.coming-soon-card-content-text h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:4px;color:var(--dark-text-color)}.coming-soon-card-content-text p{font-size:13px;color:var(--semidark-text-color);line-height:1.55}.coming-soon-button{padding:14px 36px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:15px;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.coming-soon-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #4caf5033}.coming-soon-footer{display:flex;gap:20px;justify-content:center;margin-top:36px}.coming-soon-footer a{color:var(--light-text-color);font-size:22px;transition:all .2s}.coming-soon-footer a:hover{color:var(--primary-color);transform:translateY(-2px)}.sidebar{width:64px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0;flex-shrink:0}.icon-container{display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:6px}.icon{font-size:19px;color:var(--light-text-color);cursor:pointer;padding:10px;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon:hover{color:var(--primary-color);background:var(--primary-ghost)}.icon--logout{color:var(--red);margin-bottom:16px;padding:10px}.icon--logout:hover{background:var(--red-light)}@media (max-width: 768px){.sidebar{display:none}}.my-profile-container{display:flex;min-height:100vh;background:var(--background-color)}.confirm-email-pg{min-height:100vh;background:var(--background-color)}.email-confirmation-header{display:flex;align-items:center;gap:12px;padding:22px 32px;background:var(--bg-card,#fff);border-bottom:1px solid var(--border-color)}.email-confirmation-header h1{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0}.grad-icon{color:var(--primary-color);font-size:2rem}.email-confirmation-container{max-width:600px;margin:48px auto;padding:0 24px}.email-confirmation-content{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:44px 36px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);animation:fadeUp .5s ease}.email-confirmation-content h1{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:14px;color:var(--dark-text-color)}.email-confirmation-content p{color:var(--semidark-text-color);font-size:14px;margin-bottom:14px;line-height:1.7}.email-confirmation-content button{padding:14px 36px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;margin-top:18px;font-size:15px;transition:all .25s;font-family:var(--font-body)}.email-confirmation-content button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #4caf5033}.email-confirmation-footer{text-align:center;padding:36px;color:var(--light-text-color);font-size:13px;line-height:1.7}.email-confirmation-footer a{color:var(--primary-color)}.generate-quiz-modal-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:28px}.generate-quiz-modal-card{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:36px;max-width:500px;width:100%;box-shadow:var(--shadow);border:1px solid var(--border-color);animation:fadeUp .5s ease}.generate-quiz-heading-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.generate-quiz-heading-box h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--dark-text-color)}.generate-quiz-heading-box svg{cursor:pointer;color:var(--light-text-color);transition:color .2s}.generate-quiz-heading-box svg:hover{color:var(--dark-text-color)}.generate-quiz-modal-card>p{color:var(--semidark-text-color);font-size:14px;margin-bottom:22px;line-height:1.5}.generate-quiz-upload-box{border:2px dashed var(--border-color);border-radius:var(--radius);padding:36px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:18px}.generate-quiz-upload-box:hover{border-color:var(--primary-color);background:var(--accent-background)}.generate-quiz-upload-box-icon{font-size:36px;color:var(--primary-color);margin-bottom:10px}.generate-quiz-upload-box p{color:var(--semidark-text-color);font-size:13px;margin-bottom:10px}.generate-quiz-upload-box button{padding:10px 22px;background:var(--accent-background);color:var(--primary-dark);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .2s}.generate-quiz-upload-box button:hover{background:#c8e6c9}.generate-quiz-modal-card>input{width:100%;padding:13px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none;margin-bottom:18px;transition:border-color .2s}.generate-quiz-modal-card>input:focus{border-color:var(--primary-color)}.generate-quiz-upload-btn-box button{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:15px;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.generate-quiz-upload-btn-box button:hover{background:var(--primary-dark)}.login-spinner,.register-spinner,.quiz-generation-spinner,.quiz-spinner-unique,.image-quiz-spinner-unique,.email-resend-spinner,.btn-spinner,.multiple-option-quiz-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.quiz-page-container,.quiz-container{min-height:100vh;background:var(--bg-card,#fff)}.quiz-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:18px 32px;display:flex;justify-content:space-between;align-items:center}.quiz-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0}.timer{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-bar-container{height:4px;background:var(--border-color)}.progress-bar{height:100%;background:var(--primary-color);border-radius:2px;transition:width .3s ease}.questions-container{max-width:800px;margin:0 auto;padding:32px}.question-card{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .2s}.question-texts,.question-text{font-size:16px;font-weight:600;margin-bottom:18px;line-height:1.7;color:var(--dark-text-color)}.question-text2{font-size:13px;color:var(--semidark-text-color);font-weight:500;font-style:italic;margin-bottom:14px;line-height:1.6}.question-image{max-width:100%;max-height:220px;border-radius:var(--radius-sm);margin-bottom:14px;object-fit:contain}.options,.options-container{display:flex;flex-direction:column;gap:10px}.option-label{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius-sm);border:1.5px solid var(--border-color);cursor:pointer;transition:all .2s;background:var(--bg-card,#fff);font-size:14px;line-height:1.5}.option-label:hover{border-color:var(--primary-light);background:#4caf5005}.option-label input[type=radio]{accent-color:var(--primary-color);margin-top:3px;flex-shrink:0}.option-label input[type=radio]:checked+span{color:var(--primary-dark);font-weight:600}.option{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.option:hover{border-color:var(--primary-light)}.option input[type=radio]{accent-color:var(--primary-color)}.submit-button-quiz,.submit-btn{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:16px;cursor:pointer;transition:all .25s;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body)}.submit-button-quiz:hover,.submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #4caf5033}.submit-button-quiz:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.navigation-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:16px;background:var(--background-color);border-radius:var(--radius-sm)}.nav-btn{width:40px;height:40px;border:1.5px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-card,#fff);cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-btn:hover{border-color:var(--primary-color)}.nav-btn.attempted{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.nav-buttons{display:flex;gap:12px;margin-bottom:18px}.nav-buttons button{flex:1;padding:12px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card,#fff);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.nav-buttons button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-dark)}.nav-buttons button:disabled{opacity:.4;cursor:not-allowed}.question-box{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;margin-bottom:20px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.question-box h2{font-family:var(--font-display);font-size:16px;margin-bottom:12px;color:var(--primary-dark)}@media (max-width:768px){.questions-container{padding:20px 16px}.quiz-header{padding:14px 16px;flex-direction:column;gap:10px}.navigation-grid{padding:12px}.nav-btn{width:36px;height:36px;font-size:12px}}:root{--background: #f8fafc;--text: #1e293b;--muted-text: #64748b;--radius: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-glow: 0 8px 24px rgba(99,102,241,.2);--glass-blur: blur(12px)}.quiz-page-container{height:100vh;display:flex;flex-direction:column;background:var(--background)}.quiz-header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:100;border-bottom:1px solid rgba(226,232,240,.5);box-shadow:var(--shadow-sm)}.quiz-title{font-size:1.75rem;font-weight:800;color:var(--primary-dark);display:flex;align-items:center;gap:.75rem}.quiz-session-id{font-size:.9rem;color:var(--muted-text);max-width:200px;overflow:hidden;text-overflow:ellipsis}.timer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:50px;font-weight:600;box-shadow:var(--shadow-md)}.progress-bar-container{position:sticky;background:#ffffffe6;z-index:50;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.progress-bar{height:8px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.questions-container{flex:1;overflow-y:auto;padding:2rem 1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.question-cards{background:var(--primary-white);padding:15px;border-radius:10px;box-shadow:0 3px 8px #0000001a;text-align:left;margin-bottom:1rem;justify-content:center}.question-cards:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.question-texts{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text);line-height:1.4;justify-self:flex-start;margin-bottom:20px}.options{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.option-labels{display:flex;flex-direction:column;align-items:flex-start;border-radius:12px;box-shadow:var(--shadow-sm);padding:.75rem;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s ease;gap:1rem;width:250%}.option-main{display:flex;align-items:flex-start;gap:.75rem;width:100%}.option-main input[type=radio]{width:20px;height:20px;flex-shrink:0;margin-top:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid var(--primary-color);border-radius:50%;position:relative;cursor:pointer}.option-main input[type=radio]:checked{background:var(--primary-color);border-color:#fff}.option-main input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--primary-color);border-radius:50%}.option-main span{flex:1;font-size:1rem;line-height:1.5;color:#1e293b;word-break:break-word}.option-feedback{margin-top:.5rem;font-size:.9rem;font-weight:500;align-self:flex-end}.option-labels.correct{border-color:var(--primary-dark);background:#e6f9ed}.option-labels.incorrect{border-color:red;background:#ffeef0}.option-labels.highlight-correct{border-color:var(--primary-dark);background:#e6f9ed}.submit-button{top:2rem;bottom:2rem;width:20%;padding:1.25rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-glow);transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;align-self:center;justify-self:center;display:block}.submit-button:hover{transform:translate(-50%) scale(1.02);box-shadow:0 12px 32px #6366f14d}.multiple-quiz-header-container{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:100;border-bottom:1px solid rgba(226,232,240,.5);box-shadow:var(--shadow-sm)}.multiplequiz-header h1{font-size:1.75rem;font-weight:800;color:var(--primary-dark);display:flex;align-items:center;margin-top:-5px}.multiplequiz-header p{color:var(--muted-text);margin:0;line-height:1.5}.multiple-result-timer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff!important;border-radius:50px;font-weight:600;box-shadow:var(--shadow-md);width:20%}.multiple-result-timer span{color:var(--primary-white)}@media (max-width: 768px){.quiz-header{padding:1rem;gap:.75rem}.quiz-title{font-size:1.2rem;width:100%}.timer{padding:.3rem .5rem;font-size:.6rem}.questions-container{padding:1rem 1rem 2rem}.question-card{padding:1.5rem}.question-text{font-size:1.1rem}.options{grid-template-columns:1fr}.option-labels{width:100%}.submit-button{width:calc(100% - 2rem);font-size:1rem;padding:1rem;bottom:0rem}.multiplequiz-header h1{font-size:1.5rem;color:var(--primary-dark);display:flex;align-items:center}.multiple-quiz-header-container{height:20%;display:block}.multiple-result-timer{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff!important;border-radius:50px;font-weight:600;box-shadow:var(--shadow-md);width:80%}.question-texts{font-size:1rem;font-weight:600;margin-bottom:1.5rem;color:var(--text);line-height:1.4;justify-self:flex-start;margin-bottom:20px}}.questions-container::-webkit-scrollbar{width:8px}.questions-container::-webkit-scrollbar-track{background:#6366f11a}.questions-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.questions-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-card{animation:cardEntrance .6s ease forwards}@keyframes progressPulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.progress-bar{animation:progressPulse 2s infinite}:root{--rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, .2);--rpv-core__annotation-popup-wrapper-background-color: #faf089;--rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--rpv-core__annotation-popup-content-border-top-color: #1a202c;--rpv-core__arrow-border-color: rgba(0, 0, 0, .3);--rpv-core__asking-password-color: #000;--rpv-core__asking-password-wrapper-background-color: #fff;--rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, .3);--rpv-core__button-background-color: rgba(0, 0, 0, .3);--rpv-core__button-color: #000;--rpv-core__doc-error-background-color: #fff;--rpv-core__doc-error-text-background-color: #c02424;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #fff;--rpv-core__full-screen-target-background-color: #fff;--rpv-core__inner-page-background-color: #fff;--rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__menu-item-color: #000;--rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__menu-item--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button-color: #000;--rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, .1);--rpv-core__modal-body-background-color: #fff;--rpv-core__modal-body-border-color: rgba(0, 0, 0, .3);--rpv-core__modal-overlay-background-color: rgba(0, 0, 0, .5);--rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);--rpv-core__popover-body-background-color: #fff;--rpv-core__popover-body-border-color: rgba(0, 0, 0, .3);--rpv-core__popover-body-color: #000;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__primary-button-color: #fff;--rpv-core__progress-bar-background-color: rgba(0, 0, 0, .1);--rpv-core__progress-bar-progress-background-color: #2566e8;--rpv-core__progress-bar-progress-color: #fff;--rpv-core__separator-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__spinner-border-color: rgba(0, 0, 0, .4);--rpv-core__spinner-border-transparent-color: transparent;--rpv-core__splitter-background-color: transparent;--rpv-core__splitter--hover-background-color: rgba(0, 0, 0, .2);--rpv-core__text-layer-text--selection-background-color: rgb(0, 0, 255, 1);--rpv-core__text-layer-text--selection-color: transparent;--rpv-core__textbox-background-color: #fff;--rpv-core__textbox-border-color: rgba(0, 0, 0, .2);--rpv-core__textbox-color: #000;--rpv-core__tooltip-body-background-color: #000;--rpv-core__tooltip-body-color: #fff}.rpv-core__viewer--dark{--rpv-core__asking-password-background-color: #363636;--rpv-core__asking-password-color: #fff;--rpv-core__asking-password-wrapper-border-color: #191919;--rpv-core__asking-password-wrapper-background-color: #191919;--rpv-core__button-background-color: #171717;--rpv-core__button-color: #fff;--rpv-core__doc-error-background-color: #191919;--rpv-core__doc-error-text-background-color: #c02323;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #191919;--rpv-core__full-screen-target-background-color: #1a1a1a;--rpv-core__inner-page-background-color: #1a1a1a;--rpv-core__menu-divider-border-bottom-color: #000;--rpv-core__menu-item-color: #fff;--rpv-core__menu-item--hover-background-color: #2566e8;--rpv-core__menu-item--disabled-color: #5e5e5e;--rpv-core__minimal-button-color: #fff;--rpv-core__minimal-button--disabled-color: #5e5e5e;--rpv-core__minimal-button--hover-background-color: #191919;--rpv-core__minimal-button--selected-background-color: #1657bb;--rpv-core__modal-body-background-color: #363636;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__popover-body-background-color: #363636;--rpv-core__popover-body-color: #fff;--rpv-core__progress-bar-background-color: #000;--rpv-core__separator-border-bottom-color: #000;--rpv-core__spinner-border-color: #fff;--rpv-core__splitter-background-color: #1a1a1a;--rpv-core__splitter--hover-background-color: #2566e8;--rpv-core__textbox-background-color: #121212;--rpv-core__textbox-border-color: #121212;--rpv-core__textbox-color: #fff;--rpv-core__tooltip-body-background-color: #414141;--rpv-core__tooltip-body-color: #fff}.rpv-core__annotation{position:absolute}.rpv-core__annotation-layer{z-index:1}.rpv-core__arrow{border-bottom:1px solid var(--rpv-core__arrow-border-color);border-left-color:var(--rpv-core__arrow-border-color);border-right:1px solid var(--rpv-core__arrow-border-color);border-top-color:var(--rpv-core__arrow-border-color);height:10px;position:absolute;width:10px;z-index:0}.rpv-core__arrow--tl{bottom:0;left:0;transform:translate(50%,50%) rotate(45deg)}.rpv-core__arrow--tc{bottom:0;left:50%;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--tr{bottom:0;right:0;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--rt{left:0;top:0;transform:translate(-50%,50%) rotate(135deg)}.rpv-core__arrow--rc{left:0;top:50%;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--rb{bottom:0;left:0;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--bl{left:0;top:0;transform:translate(50%,-50%) rotate(225deg)}.rpv-core__arrow--bc{left:50%;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--br{right:0;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--lt{right:0;top:0;transform:translate(50%,50%) rotate(315deg)}.rpv-core__arrow--lc{right:0;top:50%;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__arrow--lb{bottom:0;right:0;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__asking-password{background-color:var(--rpv-core__asking-password-background-color);border-radius:.25rem;color:var(--rpv-core__asking-password-color);padding:2rem}.rpv-core__asking-password--rtl{direction:rtl}.rpv-core__asking-password-wrapper{align-items:center;background-color:var(--rpv-core__asking-password-wrapper-background-color);border:1px solid var(--rpv-core__asking-password-wrapper-border-color);display:flex;height:100%;justify-content:center;width:100%}.rpv-core__asking-password-message{margin:.5rem 0}.rpv-core__asking-password-body{align-items:center;display:flex;justify-content:center}.rpv-core__asking-password-input{width:15rem}.rpv-core__asking-password-input--ltr{margin-right:.5rem}.rpv-core__asking-password-input--rtl{margin-left:.5rem}.rpv-core__button{background-color:var(--rpv-core__button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__button--rtl{direction:rtl}.rpv-core__canvas-layer{direction:ltr;left:0;position:absolute;overflow:hidden;top:0}.rpv-core__doc-error{align-items:center;background-color:var(--rpv-core__doc-error-background-color);display:flex;justify-content:center;height:100%}.rpv-core__doc-error--rtl{direction:rtl}.rpv-core__doc-error-text{background-color:var(--rpv-core__doc-error-text-background-color);border-radius:.25rem;color:var(--rpv-core__doc-error-text-color);line-height:1.5;max-width:50%;padding:.5rem}.rpv-core__doc-loading{background-color:var(--rpv-core__doc-loading-background-color);align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-core__doc-loading--rtl{direction:rtl}.rpv-core__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;text-align:center}.rpv-core__icon--rtl{transform:scaleX(-1)}.rpv-core__inner-container{min-height:inherit}.rpv-core__inner-pages{overflow:auto}.rpv-core__inner-pages--rtl{direction:rtl}.rpv-core__inner-pages--single{overflow:hidden}.rpv-core__inner-page-container--single{overflow:auto}.rpv-core__inner-page{background-color:var(--rpv-core__inner-page-background-color)}.rpv-core__inner-page--single{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-even{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-odd{display:flex;align-items:center;justify-content:flex-start}.rpv-core__inner-page--dual-cover{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-cover-odd{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-cover-even{display:flex;align-items:center;justify-content:flex-start}.rpv-core__annotation--link a{height:100%;left:0;position:absolute;top:0;width:100%}.rpv-core__annotation--link a:hover{background-color:var(--rpv-core__annotation--link-hover-background-color)}.rpv-core__menu{display:flex;flex-direction:column}.rpv-core__menu--rtl{direction:rtl;text-align:right}.rpv-core__menu-divider{border-bottom:1px solid var(--rpv-core__menu-divider-border-bottom-color);margin:.25rem 0}.rpv-core__menu-item{align-items:center;background-color:#0000;color:var(--rpv-core__menu-item-color);border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem 0;width:100%}.rpv-core__menu-item:focus{background-color:var(--rpv-core__menu-item--hover-background-color);outline:0}.rpv-core__menu-item:hover{background-color:var(--rpv-core__menu-item--hover-background-color)}.rpv-core__menu-item-icon{align-items:center;display:flex}.rpv-core__menu-item-icon--ltr{padding-left:1rem;padding-right:.5rem}.rpv-core__menu-item-icon--rtl{padding-left:.5rem;padding-right:1rem}.rpv-core__menu-item-label{flex-grow:1;flex-shrink:1;white-space:nowrap}.rpv-core__menu-item-label--ltr{padding-right:2rem}.rpv-core__menu-item-label--rtl{padding-left:2rem}.rpv-core__menu-item-check--ltr{padding-right:1rem}.rpv-core__menu-item-check--rtl{padding-left:1rem}.rpv-core__menu-item--disabled{color:var(--rpv-core__menu-item--disabled-color)}.rpv-core__menu-item--disabled:hover{background-color:#0000}.rpv-core__menu-item--ltr{text-align:left}.rpv-core__menu-item--rtl{direction:rtl;text-align:right}.rpv-core__minimal-button{background-color:#0000;border:none;border-radius:.25rem;color:var(--rpv-core__minimal-button-color);cursor:pointer;height:2rem;padding:0 .5rem}.rpv-core__minimal-button:hover{background-color:var(--rpv-core__minimal-button--hover-background-color)}.rpv-core__minimal-button--disabled{color:var(--rpv-core__minimal-button--disabled-color)}.rpv-core__minimal-button--rtl{direction:rtl}.rpv-core__minimal-button--selected{background-color:var(--rpv-core__minimal-button--selected-background-color)}.rpv-core__modal-body{background-color:var(--rpv-core__modal-body-background-color);border:1px solid var(--rpv-core__modal-body-border-color);border-radius:.25rem;margin:1rem;max-width:32rem;overflow:auto}.rpv-core__modal-body--rtl{direction:rtl}.rpv-core__modal-overlay{background-color:var(--rpv-core__modal-overlay-background-color);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;align-items:center;display:flex;justify-content:center}.rpv-core__page-layer{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative}.rpv-core__page-layer:after{content:"";position:absolute;bottom:.25rem;left:.25rem;right:.25rem;top:.25rem;box-shadow:var(--rpv-core__page-layer-box-shadow)}.rpv-core__page-layer--single{margin:0 auto}.rpv-core__page-size-calculator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.rpv-core__popover-body{background-color:var(--rpv-core__popover-body-background-color);border:1px solid var(--rpv-core__popover-body-border-color);border-radius:.25rem;color:var(--rpv-core__popover-body-color);left:0;padding:.5rem 0;position:absolute;top:-9999px;z-index:9999}.rpv-core__popover-body-arrow{background-color:var(--rpv-core__popover-body-background-color)}.rpv-core__popover-body--rtl{direction:rtl}.rpv-core__popover-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.rpv-core__annotation-popup-wrapper{background-color:var(--rpv-core__annotation-popup-wrapper-background-color);box-shadow:var(--rpv-core__annotation-popup-wrapper-box-shadow);font-size:.75rem;padding:.25rem;word-break:break-word}.rpv-core__annotation-popup-wrapper--rtl{direction:rtl}.rpv-core__annotation-popup-title{font-weight:600;margin-bottom:.25rem}.rpv-core__annotation-popup-date{font-size:.5rem}.rpv-core__annotation-popup-content{border-top:1px solid var(--rpv-core__annotation-popup-content-border-top-color);padding:.25rem;max-height:16rem;overflow:auto}.rpv-core__primary-button{background-color:var(--rpv-core__primary-button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__primary-button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__primary-button--rtl{direction:rtl}.rpv-core__progress-bar{background-color:var(--rpv-core__progress-bar-background-color);border-radius:9999px;padding:.125rem}.rpv-core__progress-bar--rtl{direction:rtl}.rpv-core__progress-bar-progress{align-items:center;background-color:var(--rpv-core__progress-bar-progress-background-color);border-radius:9999px;color:var(--rpv-core__progress-bar-progress-color);display:flex;font-size:.75rem;justify-content:center;height:.75rem}.rpv-core__separator{border-bottom:1px solid var(--rpv-core__separator-border-bottom-color)}.rpv-core__spinner{border-bottom:2px solid var(--rpv-core__spinner-border-transparent-color);border-left:2px solid var(--rpv-core__spinner-border-transparent-color);border-right:2px solid var(--rpv-core__spinner-border-color);border-top:2px solid var(--rpv-core__spinner-border-color);border-radius:9999px}.rpv-core__spinner--animating{animation-duration:.4s;animation-name:rpv-core__spinner-transform;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rpv-core__spinner-transform{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rpv-core__splitter{background-color:var(--rpv-core__splitter-background-color);cursor:ew-resize;height:100%;width:.25rem}.rpv-core__splitter:hover,.rpv-core__splitter--resizing{cursor:col-resize;background-color:var(--rpv-core__splitter--hover-background-color)}.rpv-core__splitter-body--resizing{cursor:col-resize}.rpv-core__splitter-sibling--resizing{pointer-events:none;-webkit-user-select:none;user-select:none}.rpv-core__textbox{background-color:var(--rpv-core__textbox-background-color);border:1px solid var(--rpv-core__textbox-border-color);box-sizing:border-box;border-radius:.25rem;color:var(--rpv-core__textbox-color);padding:0 .5rem;height:2rem;width:100%}.rpv-core__textbox--rtl{direction:rtl}.rpv-core__text-layer{left:0;position:absolute;top:0;height:100%;width:100%;opacity:.2;line-height:1;z-index:1}.rpv-core__text-layer span::selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer br::selection{color:#0000}.rpv-core__text-layer-text{color:#0000;cursor:text;position:absolute;transform-origin:0% 0%;white-space:pre}.rpv-core__tooltip-body{background-color:var(--rpv-core__tooltip-body-background-color);border-radius:.25rem;color:var(--rpv-core__tooltip-body-color);left:0;max-width:20rem;position:absolute;text-align:center;top:-9999px;z-index:9999}.rpv-core__tooltip-body--rtl{direction:rtl}.rpv-core__tooltip-body-arrow{background-color:var(--rpv-core__tooltip-body-background-color)}.rpv-core__tooltip-body-content{padding:.5rem}.rpv-core__display--block{display:block}.rpv-core__display--hidden{display:none}@media (min-width: 640px){.rpv-core__display--hidden-small{display:none}.rpv-core__display--block-small{display:block}}@media (min-width: 768px){.rpv-core__display--hidden-medium{display:none}.rpv-core__display--block-medium{display:block}}@media (min-width: 1024px){.rpv-core__display--hidden-large{display:none}.rpv-core__display--block-large{display:block}}.rpv-core__viewer{min-height:inherit}.studypage-container,.study-page-container{min-height:100vh;background:var(--bg-card,#fff)}.study-content-wrapper{max-width:1100px;margin:0 auto;padding:28px;display:flex;gap:24px}.study-viewer-panel{flex:2;background:var(--bg-card,#fff);border-radius:var(--radius);border:1px solid var(--border-color);overflow:hidden;min-height:60vh;box-shadow:var(--shadow)}.study-controls-panel{flex:1;display:flex;flex-direction:column;gap:16px}.study-upload-area{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;text-align:center;border:2px dashed var(--border-color);cursor:pointer;transition:all .3s}.study-upload-area:hover{border-color:var(--primary-color);background:var(--accent-background)}.study-upload-area p{font-size:14px;color:var(--semidark-text-color);margin-bottom:14px}.study-html-content{padding:28px;font-size:14px;line-height:1.8;color:var(--dark-text-color)}.study-html-content h1,.study-html-content h2,.study-html-content h3{font-family:var(--font-display);margin:18px 0 10px}.study-html-content p{margin-bottom:12px}.study-html-content table{width:100%;border-collapse:collapse;margin:14px 0}.study-html-content td,.study-html-content th{border:1px solid var(--border-color);padding:10px;font-size:13px}.study-zoom-controls{display:flex;gap:8px;margin-bottom:12px}.study-zoom-controls button{padding:8px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card,#fff);cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;font-family:var(--font-body)}.study-zoom-controls button:hover{border-color:var(--primary-color);color:var(--primary-color)}.study-file-name{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:12px;color:var(--dark-text-color)}.study-action-buttons{display:flex;flex-direction:column;gap:10px}.study-action-buttons button{width:100%;padding:12px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.study-action-buttons button:first-child{background:var(--primary-color);color:#fff}.study-action-buttons button:first-child:hover{background:var(--primary-dark)}.study-action-buttons button:nth-child(2){background:var(--accent-background);color:var(--primary-dark)}.study-action-buttons button:nth-child(2):hover{background:#c8e6c9}.study-page-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:16px 28px;display:flex;justify-content:space-between;align-items:center}.study-page-header h1{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0;color:#fff}.pdf-viewer-container{width:100%;min-height:60vh}.rpv-core__viewer{border:none!important}.file-upload-box{border:2px dashed var(--border-color);border-radius:var(--radius);padding:48px 28px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:20px;background:var(--background-color)}.file-upload-box:hover{border-color:var(--primary-color);background:var(--accent-background)}.file-upload-box p{color:var(--semidark-text-color);margin-bottom:10px;font-size:14px}.file-upload-box button{padding:10px 22px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .25s}.file-upload-box button:hover{background:var(--primary-dark)}.quiz-overlay-unique,.image-modal-overlay-unique{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a1280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.quiz-modal-box-unique,.image-modal-box-unique{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:36px 32px;max-width:480px;width:100%;position:relative;animation:scaleIn .3s ease;box-shadow:var(--shadow-xl)}.quiz-title-unique,.image-modal-title-unique{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:20px}.quiz-inputs-unique{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.quiz-inputs-unique label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--semidark-text-color)}.quiz-inputs-unique select{padding:12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);background:#fff;outline:none;transition:border-color .2s}.quiz-inputs-unique select:focus{border-color:var(--primary-color)}.quiz-options-container-unique{display:flex;flex-direction:column;gap:10px}.quiz-btn-unique,.image-solve-btn-unique{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:15px;cursor:pointer;transition:all .25s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:8px}.quiz-btn-unique:hover{background:var(--primary-dark)}.quiz-spinner-unique,.image-quiz-spinner-unique,.quiz-generation-spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(76,175,80,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .7s linear infinite;margin:12px auto}.image-content-preview-unique{text-align:center;margin-bottom:20px;padding:16px;background:var(--background-color);border-radius:var(--radius-sm)}.image-preview-unique{max-width:100%;max-height:240px;object-fit:contain;border-radius:var(--radius-xs)}@media (max-width:768px){.study-content-wrapper{flex-direction:column;padding:16px}.quiz-inputs-unique{grid-template-columns:1fr}}.email-fal-container{min-height:100vh;background:var(--background-color)}.email-fal-card{max-width:480px;margin:80px auto;background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:48px 36px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);animation:scaleIn .4s ease}.email-fal-icon{margin-bottom:18px}.email-fal-card h1{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:14px;color:var(--dark-text-color)}.email-fal-card p{color:var(--semidark-text-color);font-size:14px;margin-bottom:18px;line-height:1.7}.email-fal-actions{display:flex;flex-direction:column;gap:14px;align-items:center}.btn-primary{padding:14px 32px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:15px;cursor:pointer;transition:all .25s;font-family:var(--font-body);width:100%}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.email-fal-home-link{color:var(--primary-color);font-weight:600;font-size:14px}.email-fal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a1280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.email-fal-modal{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:36px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:var(--shadow-xl);animation:scaleIn .3s ease}.email-fal-close-button{position:absolute;top:14px;right:14px;background:var(--background-color);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--light-text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.email-fal-close-button:hover{background:var(--border-color);color:var(--dark-text-color)}.email-fal-modal h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin:14px 0;color:var(--dark-text-color)}.email-fal-modal input,.email-fal-input{width:100%;padding:13px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none;margin:14px 0;transition:border-color .2s}.email-fal-modal input:focus,.email-fal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.email-fal-response-message{color:var(--primary-color);font-size:13px;font-weight:500;min-height:20px}.email-fal-footer{text-align:center;padding:24px;color:var(--light-text-color);font-size:13px}.email-fal-footer a{color:var(--primary-color);margin-left:4px}.solution-container{max-width:800px;margin:0 auto;padding:36px;animation:fadeUp .5s ease both}.solution-container h1{font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:22px;color:var(--dark-text-color)}.select-image-button{padding:12px 28px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all .25s;margin-bottom:22px;font-family:var(--font-body)}.select-image-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.solution-content{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--border-color);min-height:200px}.solution-content p{font-size:14px;line-height:1.9;color:var(--dark-text-color);white-space:pre-wrap}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a1280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.image-modal{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:32px;max-width:480px;width:100%;position:relative;box-shadow:var(--shadow-xl);animation:scaleIn .3s ease}.image-modal .close-button{position:absolute;top:14px;right:14px;background:var(--background-color);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--light-text-color);line-height:1}.image-modal .close-button:hover{background:var(--border-color);color:var(--dark-text-color)}.image-modal h4{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:16px;padding-right:32px}.image-content-preview{text-align:center;margin-bottom:18px;padding:16px;background:var(--background-color);border-radius:var(--radius-sm)}.image-content-preview img{max-width:100%;max-height:240px;object-fit:contain;border-radius:var(--radius-xs)}.solve-button-container{margin-top:12px}.solve-button{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:15px;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.solve-button:hover{background:var(--primary-dark)}.quiz-generation-spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(76,175,80,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .7s linear infinite;margin:12px auto}@media (max-width:768px){.solution-container{padding:20px 16px}}.admin-dashboard-container{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--bg-card,#fff);border-right:1px solid var(--border-color);padding:20px 12px;display:flex;flex-direction:column;gap:6px;transition:width .3s}.admin-sidebar-open{width:260px}.admin-sidebar-closed{width:60px;padding:20px 8px}.admin-toggle-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:10px;margin-bottom:12px;border-radius:var(--radius-sm);transition:background .2s}.admin-toggle-btn:hover{background:var(--background-color)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-item{padding:12px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;color:var(--semidark-text-color);transition:all .2s;border:none;background:none;text-align:left;width:100%;font-family:var(--font-body)}.admin-nav-item:hover{background:var(--background-color)}.admin-nav-item.admin-active{background:var(--accent-background);color:var(--primary-dark);font-weight:600}.admin-main-content,.admin-content{flex:1;padding:28px;background:var(--background-color);overflow-y:auto}.admin-content-section{padding:4px}@media (max-width:768px){.admin-sidebar{position:fixed;z-index:80;height:100vh}.admin-sidebar-closed{width:0;padding:0;overflow:hidden}}.subject-page-container{animation:fadeIn .4s ease}.subject-card{max-width:600px;background:var(--bg-card,#fff);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.subject-card h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:18px;color:var(--dark-text-color)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px}.alert.success{background:var(--accent-background);color:var(--primary-dark)}.alert.error{background:var(--red-light,#FFEBEE);color:var(--red)}.dropdown{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);margin-bottom:16px;outline:none;transition:border-color .2s;background:#fff}.dropdown:focus{border-color:var(--primary-color)}.subject-form,.subject-edit-form{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;padding:18px;background:var(--background-color);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.subject-form input,.subject-edit-form input,.subject-form select,.subject-edit-form select{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none;background:#fff}.subject-form input:focus,.subject-edit-form input:focus{border-color:var(--primary-color)}.subject-form button,.subject-edit-form button{padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.subject-form button:hover{background:var(--primary-dark)}.subject-form button:disabled{opacity:.5;cursor:not-allowed}.subject-actions{display:flex;gap:10px;margin-top:16px}.subject-actions button{flex:1;padding:12px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .25s;font-family:var(--font-body);font-size:14px}.edit-btn{background:var(--accent-background)!important;color:var(--primary-dark)!important}.edit-btn:hover{background:#c8e6c9!important}.subject-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:fadeIn .4s ease}.subject-container,.subject-year-container{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.subject-container h2,.subject-year-container h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:18px;color:var(--dark-text-color)}.error{padding:12px 16px;border-radius:var(--radius-sm);background:var(--red-light,#FFEBEE);color:var(--red);font-size:13px;margin-bottom:14px}.dropdown-container{margin-bottom:16px}.dropdown-container select{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .2s;background:#fff}.dropdown-container select:focus{border-color:var(--primary-color)}.input-container{display:flex;gap:10px;align-items:flex-end;margin-bottom:16px}.input-container input{flex:1;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none}.input-container input:focus{border-color:var(--primary-color)}.create-btn{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .25s;font-family:var(--font-body);font-size:14px;white-space:nowrap}.create-btn:hover{background:var(--primary-dark)}.create-btn:disabled{opacity:.5;cursor:not-allowed}.filter-input{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none;margin-bottom:16px;transition:border-color .2s}.filter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.subject-year-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.year-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--background-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);gap:10px;flex-wrap:wrap}.year-item span{font-size:14px;color:var(--dark-text-color)}.year-item strong{font-family:var(--font-display);font-weight:700}.edit-input{padding:10px 14px;border:1.5px solid var(--primary-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);width:100px}.edit-btn{padding:8px 16px;background:var(--accent-background);color:var(--primary-dark);border:none;border-radius:var(--radius-xs);font-weight:600;font-size:12px;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.save-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-xs);font-weight:600;font-size:12px;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.delete-btn{padding:8px 16px;background:var(--red-light,#FFEBEE);color:var(--red);border:none;border-radius:var(--radius-xs);font-weight:600;font-size:12px;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.delete-btn:hover{background:#ffcdd2}@media (max-width:768px){.subject-dashboard{grid-template-columns:1fr}}.exam-container,.question-dashboard,.question-container{max-width:800px;animation:fadeIn .4s ease}.exam-container h2,.question-container h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:18px;color:var(--dark-text-color)}.error{padding:12px 16px;border-radius:var(--radius-sm);background:var(--red-light,#FFEBEE);color:var(--red);font-size:13px;margin-bottom:14px;border:1px solid rgba(239,83,80,.12)}.success{padding:12px 16px;border-radius:var(--radius-sm);background:var(--accent-background);color:var(--primary-dark);font-size:13px;margin-bottom:14px}.exam-form,.input-container,.dropdown-container{margin-bottom:16px}.exam-form input,.exam-form select,.exam-form textarea,.dropdown-container select,.dropdown-container input,.input-container input,.input-container select,.options-container input{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);margin-bottom:12px;outline:none;transition:border-color .2s;background:#fff}.exam-form input:focus,.dropdown-container select:focus,.input-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.exam-form textarea{min-height:100px;resize:vertical}.exam-form button,.create-btn{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .25s;font-family:var(--font-body);font-size:14px}.exam-form button:hover,.create-btn:hover{background:var(--primary-dark)}.exam-form button:disabled,.create-btn:disabled{opacity:.5;cursor:not-allowed}.exam-dropdown{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;font-family:var(--font-body)}.exam-edit-form{background:var(--background-color);padding:20px;border-radius:var(--radius-sm);margin-bottom:16px;border:1px solid var(--border-color)}.exam-edit-form input{margin-bottom:10px}.exam-actions{display:flex;gap:10px;margin-top:16px}.exam-actions button{flex:1;padding:12px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .25s;font-family:var(--font-body);font-size:14px}.exam-actions button:first-child{background:var(--primary-color);color:#fff}.exam-actions button:first-child:hover{background:var(--primary-dark)}.delete-btn{background:var(--red-light,#FFEBEE)!important;color:var(--red)!important}.delete-btn:hover{background:#ffcdd2!important}.dropdown-container label{display:block;font-size:13px;font-weight:600;color:var(--semidark-text-color);margin-bottom:7px}.question-list{display:flex;flex-direction:column;gap:14px;margin-top:20px}.question-item{padding:18px;background:var(--bg-card,#fff);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-color)}.question-item p{font-size:13px;color:var(--semidark-text-color);margin-bottom:6px;line-height:1.6}.question-item strong{color:var(--dark-text-color)}.question-item .question-image{max-width:200px;max-height:150px;border-radius:var(--radius-sm);margin:10px 0}.edit-btn{padding:8px 16px;background:var(--accent-background);color:var(--primary-dark);border:none;border-radius:var(--radius-xs);font-weight:600;font-size:12px;cursor:pointer;margin-right:8px;transition:all .2s}.edit-btn:hover{background:#c8e6c9}.editmodal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a1280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.editmodal-content{background:var(--bg-card,#fff);border-radius:var(--radius-lg,18px);padding:32px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .3s ease}.editmodal-content h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:18px}.editmodal-content label{display:block;font-size:13px;font-weight:600;color:var(--semidark-text-color);margin:12px 0 6px}.editmodal-content input,.editmodal-content textarea,.editmodal-content select{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);margin-bottom:8px;outline:none}.editmodal-content input:focus,.editmodal-content textarea:focus{border-color:var(--primary-color)}.editmodal-content textarea{min-height:80px;resize:vertical}.save-btn{width:100%;padding:13px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;margin-top:12px;transition:all .25s;font-family:var(--font-body)}.save-btn:hover{background:var(--primary-dark)}.cancel-btn{width:100%;padding:13px;background:var(--background-color);color:var(--semidark-text-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;margin-top:8px;font-family:var(--font-body)}.cancel-btn:hover{background:var(--border-color)}.iam-root{font-family:DM Sans,sans-serif;color:#111;animation:iam-up .4s cubic-bezier(.16,1,.3,1) both}.iam-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.iam-page-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#4caf50;margin-bottom:6px}.iam-page-title{font-family:Fraunces,serif;font-size:26px;font-weight:800;letter-spacing:-.03em;color:#111;margin-bottom:5px}.iam-page-sub{font-size:13.5px;color:#6b7280;line-height:1.5}.iam-count-badge{display:inline-flex;align-items:center;padding:8px 18px;background:#e8f5e9;border:1px solid #C8E6C9;border-radius:100px;font-size:13px;font-weight:700;color:#2e7d32;white-space:nowrap}.iam-flash{padding:13px 18px;border-radius:12px;font-size:13.5px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;animation:iam-up .3s ease}.iam-flash--success{background:#e8f5e9;border:1px solid #C8E6C9;color:#2e7d32}.iam-flash--error{background:#ffebee;border:1px solid #FFCDD2;color:#c62828}.iam-upload-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#fff;border:1px solid #E4E6E3;border-radius:20px;padding:24px;margin-bottom:28px;box-shadow:0 2px 12px #0000000f}.iam-upload-panel__label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#6b7280;margin-bottom:14px}.iam-dropzone{border:2px dashed #D1D5DB;border-radius:16px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;text-align:center;min-height:160px;background:#fafafa}.iam-dropzone:hover,.iam-dropzone--over{border-color:#4caf50;background:#e8f5e9}.iam-dropzone--has-file{border-style:solid;border-color:#4caf50;background:#e8f5e9}.iam-dropzone__icon{color:#9ca3af;margin-bottom:4px}.iam-dropzone--over .iam-dropzone__icon,.iam-dropzone--has-file .iam-dropzone__icon{color:#4caf50}.iam-dropzone__text{font-size:13.5px;color:#6b7280;line-height:1.5}.iam-dropzone__text span{color:#4caf50;font-weight:700;text-decoration:underline}.iam-dropzone__hint{font-size:11.5px;color:#9ca3af}.iam-dropzone__filename{font-size:14px;font-weight:700;color:#2e7d32}.iam-dropzone__filesize{font-size:12px;color:#6b7280}.iam-upload-panel__right{display:flex;flex-direction:column}.iam-field-label{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#6b7280;margin-bottom:8px}.iam-input{width:100%;padding:12px 16px;border:1.5px solid #E4E6E3;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;color:#111;background:#fafafa;outline:none;transition:all .18s;margin-bottom:8px}.iam-input::placeholder{color:#9ca3af}.iam-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501a}.iam-field-hint{font-size:12px;color:#9ca3af;margin-bottom:16px;line-height:1.5}.iam-upload-btn{padding:13px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .18s;margin-bottom:10px;box-shadow:0 3px 10px #4caf5038}.iam-upload-btn:hover:not(:disabled){background:#388e3c;transform:translateY(-1px)}.iam-upload-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.iam-clear-btn{padding:9px;background:transparent;color:#6b7280;border:1px solid #E4E6E3;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.iam-clear-btn:hover{background:#f3f4f6;color:#111}.iam-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.iam-search-box{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #E4E6E3;border-radius:12px;padding:10px 16px;transition:border-color .18s;color:#9ca3af;box-shadow:0 2px 8px #0000000d}.iam-search-box:focus-within{border-color:#4caf50;color:#6b7280}.iam-search-input{flex:1;background:transparent;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:14px;color:#111}.iam-search-input::placeholder{color:#9ca3af}.iam-search-clear{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .14s}.iam-search-clear:hover{color:#111}.iam-toolbar-info{font-size:13px;color:#6b7280;white-space:nowrap;font-weight:500}.iam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}.iam-card{background:#fff;border:1px solid #E4E6E3;border-radius:18px;overflow:hidden;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .2s;box-shadow:0 2px 10px #0000000f}.iam-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001c;border-color:#a5d6a7}.iam-card__thumb{position:relative;aspect-ratio:16/10;background:#f3f4f6;overflow:hidden}.iam-card__thumb-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f3f4f6 25%,#e9eaec,#f3f4f6 75%);background-size:200% 100%;animation:iam-shimmer 1.4s infinite}.iam-card__img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.iam-card__img--loaded{opacity:1}.iam-card__body{padding:14px 14px 15px}.iam-card__name{font-size:13.5px;font-weight:700;color:#111;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iam-card__meta{display:flex;align-items:center;gap:7px;margin-bottom:12px;flex-wrap:wrap}.iam-card__date{font-size:11.5px;color:#6b7280;font-weight:500}.iam-card__file{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:6px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iam-card__actions{display:flex;gap:7px;flex-wrap:wrap}.iam-card__btn{flex:1;padding:8px 10px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .15s;border:1px solid transparent;min-width:0}.iam-card__btn--copy{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.iam-card__btn--copy:hover{background:#e5e7eb;color:#111}.iam-card__btn--copied{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.iam-card__btn--delete{background:#ffebee;color:#c62828;border-color:#ffcdd2}.iam-card__btn--delete:hover{background:#ffcdd2}.iam-card__confirm{flex:1;display:flex;align-items:center;gap:5px;background:#ffebee;border:1px solid #FFCDD2;border-radius:9px;padding:6px 10px;font-size:12px}.iam-card__confirm span{color:#c62828;font-weight:700;flex:1}.iam-card__confirm-yes,.iam-card__confirm-no{padding:3px 10px;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .14s}.iam-card__confirm-yes{background:#e53935;color:#fff}.iam-card__confirm-yes:hover{background:#c62828}.iam-card__confirm-no{background:#f3f4f6;color:#6b7280}.iam-card__confirm-no:hover{background:#e5e7eb;color:#111}.iam-card--skeleton{pointer-events:none}.iam-skel-line{border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e9eaec,#f3f4f6 75%);background-size:200% 100%;animation:iam-shimmer 1.4s infinite;margin-bottom:8px}.iam-skel-line--title{width:70%;height:14px}.iam-skel-line--meta{width:50%;height:10px}.iam-skel-line--btn{width:100%;height:32px;border-radius:9px;margin-top:6px}.iam-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#fff;border:1px solid #E4E6E3;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;margin-bottom:10px}.iam-pagination__info{font-size:13px;color:#6b7280;font-weight:500}.iam-pagination__info strong{color:#111;font-weight:700}.iam-pagination__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.iam-pagination__pages{display:flex;align-items:center;gap:5px}.iam-page-btn{min-width:36px;height:36px;padding:0 10px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;border:1.5px solid #E4E6E3;background:#fff;color:#374151;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px}.iam-page-btn:hover:not(:disabled){border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.iam-page-btn--active{background:#4caf50;border-color:#4caf50;color:#fff;box-shadow:0 3px 10px #4caf5040}.iam-page-btn--active:hover{background:#388e3c;border-color:#388e3c;color:#fff}.iam-page-btn:disabled{opacity:.35;cursor:not-allowed}.iam-page-size-select{padding:8px 12px;border:1.5px solid #E4E6E3;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#374151;background:#fff;outline:none;cursor:pointer;transition:border-color .15s}.iam-page-size-select:focus{border-color:#4caf50}.iam-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;text-align:center;background:#fff;border:1.5px dashed #D1D5DB;border-radius:20px;box-shadow:0 2px 10px #0000000d}.iam-empty__icon{font-size:52px;margin-bottom:18px}.iam-empty__title{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:#111;letter-spacing:-.02em;margin-bottom:8px}.iam-empty__sub{font-size:13.5px;color:#6b7280;max-width:320px;line-height:1.6}.iam-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:iam-spin .7s linear infinite;flex-shrink:0}.iam-search-box .iam-spinner{border-color:#d1d5db;border-top-color:#4caf50}@keyframes iam-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes iam-spin{to{transform:rotate(360deg)}}@keyframes iam-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.iam-upload-panel{grid-template-columns:1fr}.iam-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.iam-page-title{font-size:22px}.iam-pagination{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.iam-grid{grid-template-columns:1fr 1fr}}:root{--green: #4CAF50;--green-dark: #2E7D32;--green-light: #E8F5E9;--green-mid: #C8E6C9;--border: #ECEEED;--bg: #F4F6F4;--card: #fff;--text: #111;--muted: #9CA3AF;--danger: #EF5350;--danger-bg: #FFEBEE;--warn: #FB8C00;--warn-bg: #FFF3E0}.emq-page{min-height:100vh;background-color:var(--bg);background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:22px 22px;font-family:DM Sans,sans-serif;padding:28px 24px 60px}.emq-topbar{max-width:940px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.emq-topbar__left{display:flex;flex-direction:column;gap:7px;flex:1}.emq-topbar__meta{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}.emq-progress{height:5px;background:var(--border);border-radius:100px;overflow:hidden;max-width:320px}.emq-progress__fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:100px;transition:width .4s cubic-bezier(.16,1,.3,1)}.emq-timer{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:100px;font-family:Fraunces,serif;font-size:22px;font-weight:700;letter-spacing:-.02em;background:var(--card);border:1.5px solid var(--border);color:var(--text);box-shadow:0 2px 12px #0000000f;transition:all .3s;white-space:nowrap;flex-shrink:0}.emq-timer--warn{background:var(--warn-bg);border-color:#ffcc80;color:var(--warn)}.emq-timer--danger{background:var(--danger-bg);border-color:#ffcdd2;color:var(--danger);animation:emq-pulse 1s ease-in-out infinite}.emq-timer__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.emq-layout{max-width:940px;margin:0 auto;display:grid;grid-template-columns:1fr 256px;gap:20px;align-items:start}.emq-card{background:var(--card);border-radius:22px;border:1px solid var(--border);box-shadow:0 4px 24px #0000000f;overflow:hidden}.emq-card__head{padding:24px 28px 20px;border-bottom:1px solid var(--border)}.emq-card__qnum{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--green);margin-bottom:10px}.emq-card__text{font-family:Fraunces,serif;font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.5;margin:0}.emq-card__instruction{font-size:13.5px;color:#6b7280;line-height:1.65;margin-top:9px}.emq-card__image{width:100%;max-height:260px;object-fit:contain;display:block;background:var(--bg);border-bottom:1px solid var(--border)}.emq-options{padding:20px 28px 24px;display:flex;flex-direction:column;gap:10px}.emq-option{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:13px;border:1.5px solid var(--border);background:#fafafa;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;position:relative}.emq-option:hover{border-color:var(--green);background:var(--green-light);transform:translate(3px)}.emq-option--selected{border-color:var(--green);background:var(--green-light);box-shadow:inset 0 0 0 1px #4caf502e}.emq-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.emq-option__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;background:#fff}.emq-option--selected .emq-option__radio{border-color:var(--green);background:var(--green)}.emq-option--selected .emq-option__radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;display:block}.emq-option__letter{width:28px;height:28px;border-radius:8px;background:#ebebeb;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#888;flex-shrink:0;transition:all .18s}.emq-option--selected .emq-option__letter{background:var(--green);color:#fff}.emq-option__text{font-size:14px;font-weight:500;color:#333;line-height:1.5;flex:1;transition:color .18s}.emq-option--selected .emq-option__text{color:var(--green-dark);font-weight:600}.emq-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 28px 22px;border-top:1px solid var(--border);gap:12px}.emq-nav__btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:12px;border:1.5px solid var(--border);background:transparent;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#555;cursor:pointer;transition:all .18s}.emq-nav__btn:hover:not(:disabled){background:var(--green-light);border-color:var(--green-mid);color:var(--green-dark)}.emq-nav__btn:disabled{opacity:.32;cursor:not-allowed}.emq-nav__counter{font-size:13px;font-weight:700;color:var(--muted)}.emq-panel{display:flex;flex-direction:column;gap:14px;position:sticky;top:24px}.emq-panel__card{background:var(--card);border-radius:18px;border:1px solid var(--border);padding:18px;box-shadow:0 2px 12px #0000000d}.emq-panel__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.emq-panel__summary{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px}.emq-panel__summary strong{color:var(--green-dark);font-size:13px}.emq-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.emq-grid__btn{aspect-ratio:1;border-radius:9px;border:1.5px solid var(--border);background:#fafafa;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:700;color:#888;cursor:pointer;transition:all .16s;display:flex;align-items:center;justify-content:center}.emq-grid__btn:hover{border-color:var(--green);color:var(--green-dark);background:var(--green-light)}.emq-grid__btn--current{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 2px 8px #4caf504d}.emq-grid__btn--attempted{border-color:var(--green-mid);background:var(--green-light);color:var(--green-dark)}.emq-grid__btn--attempted.emq-grid__btn--current{background:var(--green);color:#fff}.emq-legend{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.emq-legend__item{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#6b7280;font-weight:500}.emq-legend__dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.emq-submit{width:100%;padding:14px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #4caf5047;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.1px}.emq-submit:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-1px);box-shadow:0 6px 22px #4caf5061}.emq-submit:active{transform:translateY(0)}.emq-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);font-family:DM Sans,sans-serif}.emq-loading__inner{display:flex;flex-direction:column;align-items:center;gap:16px}.emq-loading__spinner{width:40px;height:40px;border:3px solid var(--green-light);border-top-color:var(--green);border-radius:50%;animation:emq-spin .7s linear infinite}.emq-loading__text{font-size:14px;color:var(--muted);font-weight:600}@media (max-width: 780px){.emq-page{padding:16px 14px 80px}.emq-layout{grid-template-columns:1fr}.emq-panel{position:static}.emq-topbar{flex-direction:column;align-items:flex-start}.emq-card__head{padding:18px 18px 14px}.emq-options{padding:14px 18px 18px}.emq-nav{padding:12px 18px 16px}.emq-card__text{font-size:17px}.emq-grid{grid-template-columns:repeat(7,1fr)}.emq-timer{font-size:18px;padding:8px 16px}}@keyframes emq-spin{to{transform:rotate(360deg)}}@keyframes emq-pulse{0%,to{box-shadow:0 0 #ef53504d}50%{box-shadow:0 0 0 6px #ef535000}}.emq-topbar__sub{font-size:11.5px;font-weight:600;color:var(--muted);margin-top:2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.erp-page{font-family:DM Sans,-apple-system,sans-serif;background:#f4f6f4;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;color:#1a1a1a;display:flex;flex-direction:column}.erp-header{background:#4caf50;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:62px;position:sticky;top:0;z-index:100;box-shadow:0 2px 16px #00000040;flex-shrink:0}.erp-header__back{width:36px;height:36px;border-radius:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffbf;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .16s;flex-shrink:0}.erp-header__back:hover{background:#ffffff26;color:#fff}.erp-header__title{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.erp-header__subject{font-family:Fraunces,serif;font-size:17px;font-weight:700;color:#fff;letter-spacing:-.02em}.erp-header__year{font-size:13px;font-weight:600;color:#ffffff80;background:#ffffff1a;padding:3px 10px;border-radius:100px}.erp-body{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:32px 28px 60px;display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.erp-score-card{background:#fff;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;border:1px solid #E4EBE4;box-shadow:0 4px 20px #0000000f;position:sticky;top:82px}.erp-score-ring{position:relative;width:140px;height:140px;margin-bottom:14px}.erp-score-ring__svg{width:100%;height:100%}.erp-score-ring__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.erp-score-ring__pct{font-family:Fraunces,serif;font-size:34px;font-weight:800;line-height:1;letter-spacing:-.03em}.erp-score-ring__lbl{font-size:11px;color:#999;font-weight:600;margin-top:3px}.erp-score-label{display:inline-block;padding:5px 14px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.erp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:16px}.erp-stat{display:flex;flex-direction:column;align-items:center;background:#f8faf8;border-radius:12px;padding:12px 8px;border:1px solid #EEF2EE}.erp-stat__icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:6px;color:#fff}.erp-stat__icon.green{background:#4caf50}.erp-stat__icon.red{background:#f44336}.erp-stat__icon.blue{background:#2196f3}.erp-stat strong{font-size:18px;font-weight:800;color:#1a1a1a}.erp-stat small{font-size:10px;color:#888;font-weight:600;margin-top:2px}.erp-percent-row{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#666;background:#f8faf8;padding:10px 14px;border-radius:10px;margin-bottom:14px;border:1px solid #EEF2EE}.erp-percent-row strong{font-size:15px;font-weight:800}.erp-score-msg{font-size:12.5px;color:#888;text-align:center;line-height:1.55;font-weight:500}.erp-right-col{display:flex;flex-direction:column;min-width:0}.erp-section-head{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-size:18px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;margin-bottom:14px}.erp-section-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;flex-shrink:0}.erp-section-count{background:#e8f5e9;color:#2e7d32;font-size:11px;font-weight:700;font-family:DM Sans,sans-serif;padding:3px 9px;border-radius:6px;margin-left:auto}.erp-filter-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.erp-filter-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;border:1.5px solid #E4EBE4;background:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .15s}.erp-filter-btn:hover{border-color:#4caf50;color:#2e7d32;background:#f1fbf1}.erp-filter-btn--active{background:#4caf50;border-color:#4caf50;color:#fff}.erp-filter-btn__count{background:#0000001a;border-radius:100px;padding:1px 7px;font-size:11px;font-weight:700}.erp-filter-btn--active .erp-filter-btn__count{background:#ffffff40}.erp-list{display:flex;flex-direction:column;gap:12px}.erp-empty{text-align:center;padding:40px;color:#999;font-size:14px;background:#fff;border-radius:16px;border:1px solid #E4EBE4}.erp-card{background:#fff;border-radius:16px;border:1px solid #E4EBE4;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:box-shadow .18s}.erp-card:hover{box-shadow:0 4px 16px #00000014}.erp-card--correct{border-left:4px solid #4CAF50}.erp-card--wrong{border-left:4px solid #F44336}.erp-card__head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #F0F4F0;background:#fafcfa}.erp-card__qnum{font-size:11px;font-weight:700;color:#bbb;letter-spacing:.5px}.erp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700}.erp-badge--correct{background:#e8f5e9;color:#2e7d32}.erp-badge--wrong{background:#ffebee;color:#c62828}.erp-card__instruction{margin:14px 18px 0;padding:10px 14px;background:#eff6ff;border-left:3px solid #60A5FA;border-radius:6px;font-size:13px;color:#1d4ed8;line-height:1.55}.erp-card__text{padding:14px 18px;font-size:14.5px;font-weight:500;color:#1a1a1a;line-height:1.65}.erp-card__image{display:block;width:calc(100% - 36px);margin:0 18px 14px;max-height:260px;object-fit:contain;border-radius:10px;border:1px solid #E4EBE4}.erp-options{padding:0 18px 14px;display:flex;flex-direction:column;gap:6px}.erp-option{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:10px;border:1.5px solid #E8EDE8;background:#fff;font-size:13.5px;color:#333}.erp-option--correct{background:#e8f5e9;border-color:#4caf50}.erp-option--wrong{background:#ffebee;border-color:#f44336}.erp-option__letter{width:26px;height:26px;border-radius:7px;background:#ebebeb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#888;flex-shrink:0}.erp-option--correct .erp-option__letter{background:#4caf50;color:#fff}.erp-option--wrong .erp-option__letter{background:#f44336;color:#fff}.erp-option__text{flex:1;line-height:1.45}.erp-option__tag{font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.erp-option__tag--correct{background:#c8e6c9;color:#2e7d32}.erp-option__tag--wrong{background:#ffcdd2;color:#c62828}.erp-answer-row{display:flex;gap:12px;padding:12px 18px;background:#fafcfa;border-top:1px solid #F0F4F0}.erp-answer-row__item{flex:1;display:flex;flex-direction:column;gap:3px}.erp-answer-row__lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#999}.erp-answer-row__val{font-size:13.5px;font-weight:600;color:#555;line-height:1.4}.erp-answer-row__val--correct{color:#2e7d32}.erp-answer-row__val--wrong{color:#c62828}.erp-explain-btn{display:inline-flex;align-items:center;gap:6px;margin:0 18px 14px;padding:9px 16px;border:1.5px solid #C8E6C9;border-radius:8px;background:#fff;color:#2e7d32;font-size:13px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.erp-explain-btn:hover{background:#e8f5e9}.erp-explanation{margin:0 18px 14px;background:#fffde7;border-left:3px solid #FFC107;border-radius:8px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start}.erp-explanation__icon{font-size:15px;flex-shrink:0;margin-top:1px}.erp-explanation__text{font-size:13.5px;color:#795548;line-height:1.6}.erp-footer{padding:16px 28px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #E4EBE4;position:sticky;bottom:0;display:flex;align-items:center;justify-content:center}.erp-back-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 40px;border:none;border-radius:12px;background:#4caf50;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .18s;box-shadow:0 4px 18px #4caf5059;letter-spacing:.01em}.erp-back-btn:hover{background:#388e3c;box-shadow:0 6px 22px #4caf5073;transform:translateY(-1px)}@media (max-width: 780px){.erp-header{padding:0 18px}.erp-body{grid-template-columns:1fr;padding:20px 16px 60px}.erp-score-card{position:static}.erp-footer{padding:12px 16px}.erp-back-btn{width:100%;justify-content:center}.erp-answer-row{flex-direction:column;gap:8px}.erp-card__text{font-size:14px}}.theoryquiz-containers,.theoryquiz-container{min-height:100vh;background:var(--bg-card,#fff)}.theory-quiz-header-container,.quiz-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:16px 32px}.timer,.theory-result-timer{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timer span,.theory-result-timer span{font-weight:700}.theoryquiz-card{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .2s}.theoryquiz-card:hover{box-shadow:var(--shadow-md)}.theoryquiz-cardId{font-size:11px;color:var(--light-text-color)}.theoryquiz-cardHint{display:block;padding:12px 16px;background:var(--accent-background);border-radius:var(--radius-sm);font-size:13px;color:var(--primary-dark);margin:10px 0;line-height:1.6}.theoryquiz-button{background:none;border:none;color:var(--primary-color);font-weight:600;font-size:13px;cursor:pointer;padding:6px 0;transition:color .2s;font-family:var(--font-body)}.theoryquiz-button:hover{color:var(--primary-dark)}.theoryquiz-answer-input{margin-top:14px}.theoryquiz-answer-input label{font-size:13px;font-weight:600;color:var(--semidark-text-color);display:block;margin-bottom:8px}.theoryquiz-card textarea,.theoryquiz-cardAnswer{width:100%;min-height:110px;padding:14px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s;line-height:1.6;color:var(--dark-text-color)}.theoryquiz-card textarea:focus,.theoryquiz-cardAnswer:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.theoryquiz-submit-buttons,.theoryquiz-submit-button{display:block;width:calc(100% - 64px);max-width:800px;margin:0 auto 32px;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:16px;cursor:pointer;transition:all .25s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:8px}.theoryquiz-submit-buttons:hover,.theoryquiz-submit-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #4caf5033}.theoryquiz-submit-buttons:disabled{opacity:.5;cursor:not-allowed;transform:none}.theory-quiz-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@media (max-width:768px){.theory-quiz-header-container,.quiz-header{padding:14px 16px;flex-direction:column;gap:10px}.theoryquiz-main{padding:20px 16px}.theoryquiz-submit-buttons,.theoryquiz-submit-button{width:calc(100% - 32px)}}.theoryquiz-container{min-height:100vh;background:var(--bg-card,#fff)}.fixed-headers{position:sticky;top:0;z-index:10}.theory-quiz-header-container{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:16px 32px}.theoryquiz-header h1{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0;color:#fff}.theory-result-timer{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theory-result-timer span{font-weight:700;font-family:var(--font-display);font-size:18px}.theoryquiz-main{max-width:800px;margin:0 auto;padding:32px}.theoryquiz-card{background:var(--bg-card,#fff);border-radius:var(--radius);padding:28px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.theoryquiz-cardQuestion{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:14px;line-height:1.5;color:var(--dark-text-color)}.theoryquiz-card p{font-size:14px;color:var(--semidark-text-color);margin-bottom:8px;line-height:1.6}.theoryquiz-card p strong{color:var(--dark-text-color)}.theoryquiz-submit-button{display:flex;align-items:center;justify-content:center;width:calc(100% - 64px);max-width:800px;margin:0 auto 32px;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:16px;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.theoryquiz-submit-button:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width:768px){.theory-quiz-header-container{padding:14px 16px;flex-direction:column;gap:10px}.theoryquiz-main{padding:20px 16px}.theoryquiz-submit-button{width:calc(100% - 32px)}}:root{--primary-color: #4CAF50;--primary-dark: #2E7D32;--primary-deep: #1B5E20;--primary-light: #81C784;--primary-ghost: #E8F5E9;--primary-glow: rgba(76, 175, 80, .12);--primary-white: #FFFFFF;--accent-color: #FFB300;--accent-light: #FFF8E1;--accent-background: #E8F5E9;--background-color: #F5F7F6;--background: #F5F7F6;--bg-card: #FFFFFF;--bg-dark: #0F1A12;--bg-dark-elevated: #162118;--dark-text-color: #1A2E1D;--semidark-text-color: #4A6350;--light-text-color: #8A9E8F;--border-color: #E2EAE4;--red: #EF5350;--red-light: #FFEBEE;--warning: #FF9800;--warning-light: #FFF3E0;--info: #2196F3;--info-light: #E3F2FD;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 20px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 40px rgba(0, 0, 0, .12);--shadow-green: 0 4px 20px rgba(76, 175, 80, .2);--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-in-out);--transition: .25s var(--ease-out);--transition-slow: .4s var(--ease-out);--z-dropdown: 50;--z-sticky: 60;--z-overlay: 100;--z-modal: 200;--z-toast: 300}body{font-family:var(--font-body);font-size:15px;color:var(--dark-text-color);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--dark-text-color);line-height:1.2;letter-spacing:-.02em;font-weight:700}h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}h4{font-size:17px}h5{font-size:15px}h6{font-size:13px}p,span,a,div,li,td,th,label,input,select,textarea,button{font-family:var(--font-body)}p{color:var(--semidark-text-color);line-height:1.65;font-size:14px}a{color:var(--primary-color);transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:17px}.text-xl{font-size:20px}.text-2xl{font-size:26px}.text-3xl{font-size:32px}.text-light{color:var(--light-text-color)}.text-mid{color:var(--semidark-text-color)}.text-dark{color:var(--dark-text-color)}.text-primary{color:var(--primary-color);font-weight:600}.text-accent{color:var(--accent-color)}.text-danger{color:var(--red)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold,.fw-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-heading{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--dark-text-color)}.textstyleHeader{margin-top:20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%;min-height:100%}body{width:100%;min-height:100%;overflow-x:hidden;background:var(--background-color)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body)}a{text-decoration:none;color:inherit}input,select,textarea{font-family:var(--font-body)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:fadeUp .55s var(--ease-out) both}.fade-up-d1{animation:fadeUp .55s var(--ease-out) .08s both}.fade-up-d2{animation:fadeUp .55s var(--ease-out) .16s both}.fade-up-d3{animation:fadeUp .55s var(--ease-out) .24s both}.fade-up-d4{animation:fadeUp .55s var(--ease-out) .32s both}.fade-in{animation:fadeIn .4s ease both}.scale-in{animation:scaleIn .35s var(--ease-out) both}.slide-left{animation:slideInLeft .4s var(--ease-out) both}.slide-right{animation:slideInRight .4s var(--ease-out) both}.spinner-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--background-color)}.spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .7s linear infinite}.login-spinner,.register-spinner,.quiz-generation-spinner,.quiz-spinner-unique,.image-quiz-spinner-unique,.email-resend-spinner,.btn-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.modal-overlay,.quiz-overlay-unique,.image-modal-overlay-unique{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .2s ease}.modal-content,.quiz-modal-box-unique,.image-modal-box-unique{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;max-width:460px;width:100%;position:relative;animation:scaleIn .3s var(--ease-out);box-shadow:var(--shadow-xl)}.modal-close-icon{position:absolute;top:14px;right:14px;background:#0000000f;border:none;padding:8px;cursor:pointer;transition:all .2s;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--light-text-color);z-index:5}.modal-close-icon:hover{background:#0000001a;color:var(--dark-text-color)}.close-icon{width:18px;height:18px}.general-action-button,.general-action-buttonb{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 24px;margin-top:16px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-family:var(--font-body)}.general-action-button:hover,.general-action-buttonb:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-green)}.general-action-button:disabled,.general-action-buttonb:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.input-decor{width:100%;padding:13px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);color:var(--dark-text-color);background:var(--bg-card);line-height:1.5;height:auto;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-decor:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow)}.input-decor::placeholder{color:var(--light-text-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--light-text-color)}::selection{background:var(--primary-glow);color:var(--primary-deep)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){html{font-size:14px}}