@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--text:#5a6278;--text-muted:#8891a8;--text-h:#2c3348;--bg:#f8f9fd;--input-bg:#fff;--surface-hover:#f0f3fa;--border:#dde3f0;--border-hover:#c5cee0;--accent:#7b9fd4;--accent-hover:#6a8fc6;--accent-bg:#7b9fd429;--accent-shadow:#7b9fd447;--brand-gradient-start:#e5effc;--brand-gradient-end:#ede5f8;--shadow-sm:0 1px 4px #3c4b7814;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#a8b0c8;--text-muted:#7a849c;--text-h:#e8ecf8;--bg:#171b26;--input-bg:#1f2433;--surface-hover:#262d40;--border:#323a50;--border-hover:#424c68;--accent:#9bb5e8;--accent-hover:#adc4f0;--accent-bg:#9bb5e82e;--accent-shadow:#9bb5e840;--brand-gradient-start:#252d45;--brand-gradient-end:#2a2840;--shadow-sm:0 1px 4px #00000047}}html.dark{--text:#a8b0c8;--text-muted:#7a849c;--text-h:#e8ecf8;--bg:#171b26;--input-bg:#1f2433;--surface-hover:#262d40;--border:#323a50;--border-hover:#424c68;--accent:#9bb5e8;--accent-hover:#adc4f0;--accent-bg:#9bb5e82e;--accent-shadow:#9bb5e840;--brand-gradient-start:#252d45;--brand-gradient-end:#2a2840;--shadow-sm:0 1px 4px #00000047}html.light{--text:#5a6278;--text-muted:#8891a8;--text-h:#2c3348;--bg:#f8f9fd;--input-bg:#fff;--surface-hover:#f0f3fa;--border:#dde3f0;--border-hover:#c5cee0;--accent:#7b9fd4;--accent-hover:#6a8fc6;--accent-bg:#7b9fd429;--accent-shadow:#7b9fd447;--brand-gradient-start:#e5effc;--brand-gradient-end:#ede5f8;--shadow-sm:0 1px 4px #3c4b7814}*,:before,:after{box-sizing:border-box}body,body *{transition:background-color .3s,border-color .3s,color .2s,box-shadow .3s}body{background:var(--bg);margin:0}#root{min-height:100svh}h1,h2{font-family:var(--sans);font-weight:600}p{margin:0}a{color:inherit}.auth-loading{min-height:100svh;color:var(--text-muted);justify-content:center;align-items:center;font-size:16px;display:flex}.auth-loading--error{text-align:center;color:#b42318;flex-direction:column;gap:12px;padding:24px}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn--block{width:100%}.btn:active{transform:scale(.99)}.btn--primary{color:#f8fafa;background:var(--accent);box-shadow:0 2px 10px var(--accent-shadow)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-shadow)}.btn--primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html.dark .btn--primary{color:#e8ecf8;background:#3b5a8a;box-shadow:0 2px 10px #3b5a8a66}html.dark .btn--primary:hover{background:#4a6fa0;box-shadow:0 4px 14px #3b5a8a80}.btn--secondary{color:var(--text-h);background:var(--input-bg);border:1px solid var(--border)}.btn--secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.btn--secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary:disabled:hover{background:var(--input-bg);border-color:var(--border);box-shadow:none}.btn--google{color:var(--text-h);background:var(--bg);border:1px solid var(--border);width:100%}.btn--google:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.btn--google:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--ghost{color:var(--text-muted);background:0 0;padding:8px 14px;font-size:14px;font-weight:500}.btn--ghost:hover{color:var(--text-h);background:var(--surface-hover)}.btn--access{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 10px #10b98159}.btn--access:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 16px #10b98173}.btn--buy{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);box-shadow:0 2px 10px var(--accent-shadow);padding:11px 28px;font-size:15px}.btn--buy:hover:not(:disabled){box-shadow:0 4px 16px var(--accent-shadow);transform:translateY(-1px)}.btn--buy:disabled{opacity:.55;cursor:not-allowed}.btn--tertiary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);box-shadow:0 2px 10px #8b5cf659}.btn--tertiary:hover{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf673}html.dark .btn--tertiary{background:linear-gradient(135deg,#6d28d9 0%,#8b5cf6 100%);box-shadow:0 2px 10px #6d28d966}.login-page{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.login-brand{background:linear-gradient(160deg, var(--brand-gradient-start) 0%, var(--brand-gradient-end) 100%);color:var(--text-h);justify-content:center;align-items:center;padding:48px;display:flex}.login-brand__content{max-width:480px}.login-brand__title{letter-spacing:-.5px;color:var(--text-h);margin:0 0 16px;font-size:32px;font-weight:600;line-height:1.25}.login-brand__subtitle{color:var(--text);margin:0 0 40px;font-size:17px;line-height:1.55}.login-brand__features{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.login-brand__features li{text-align:left;align-items:flex-start;gap:16px;display:flex}.feature-icon{flex-shrink:0;font-size:24px;line-height:1}.login-brand__features strong{margin-bottom:4px;font-size:16px;display:block}.login-brand__features p{color:var(--text-muted);font-size:14px;line-height:1.45}.login-panel{background:var(--bg);justify-content:center;align-items:center;padding:32px 24px;display:flex}.login-card{text-align:left;width:100%;max-width:400px}.login-card__header{margin-bottom:32px}.login-card__header h2{letter-spacing:-.4px;color:var(--text-h);margin:0 0 8px;font-size:28px;font-weight:600}.login-card__header p{color:var(--text-muted);font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--text-h);font-size:14px;font-weight:500}.form-field input{color:var(--text-h);background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder{color:var(--text-muted)}.form-field input:hover{border-color:var(--border-hover)}.form-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.login-link{color:var(--accent);font-size:14px;font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.google-icon{flex-shrink:0;width:20px;height:20px}.login-divider{color:var(--text-muted);align-items:center;gap:16px;margin:24px 0;font-size:14px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-form__error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:14px;line-height:1.45}.login-card__footer{text-align:center;color:var(--text-muted);margin-top:28px;font-size:15px}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-brand{padding:32px 24px}.login-brand__title{font-size:24px}.login-brand__features{display:none}.login-brand__subtitle{margin-bottom:0}}.academia-banner{background:linear-gradient(135deg, var(--accent-bg) 0%, #a78bfa1f 100%);border:1px solid #7b9fd440;border-radius:14px;align-items:center;gap:12px;margin-bottom:32px;padding:14px 20px;animation:.5s banner-fade-in;display:flex}@keyframes banner-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.academia-banner__icon{flex-shrink:0;font-size:24px}.academia-banner__text{flex:1}.academia-banner__text strong{color:var(--text-h);margin-bottom:2px;font-size:15px;display:block}.academia-banner__text p{color:var(--text-muted);font-size:13px;line-height:1.4}.academia-category{margin-bottom:36px}.academia-category__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.academia-category__icon{background:var(--accent-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.academia-category__title{color:var(--text-h);margin:0;font-size:18px;font-weight:700}.academia-category__count{color:var(--text-muted);background:var(--surface-hover);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.academia-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.academia-card{background:var(--input-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;padding:20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.academia-card:before{content:"";background:linear-gradient(135deg, var(--accent-bg) 0%, transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.academia-card:hover{box-shadow:0 8px 24px var(--accent-shadow);border-color:var(--accent);transform:translateY(-3px)}.academia-card:hover:before{opacity:1}.academia-card--owned{border-color:#10b98166}.academia-card--owned:before{background:linear-gradient(135deg,#10b98114 0%,#0000 50%)}.academia-card--owned:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98133}.academia-card__owned-badge{color:#065f46;white-space:nowrap;background:#10b98126;border:1px solid #10b98159;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}html.dark .academia-card__owned-badge{color:#6ee7b7;background:#10b9811f;border-color:#10b98140}.academia-card__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex;position:relative}.academia-card__title{color:var(--text-h);margin:0;font-size:16px;font-weight:700;line-height:1.3}.academia-card__price{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}html.dark .academia-card__price{background:linear-gradient(135deg,#3b5a8a 0%,#6d5aad 100%)}.academia-card__price--free{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}html.dark .academia-card__price--free{background:linear-gradient(135deg,#065f46 0%,#059669 100%)}.academia-card__desc{color:var(--text);z-index:1;flex:1;margin-bottom:14px;font-size:14px;line-height:1.5;position:relative}.academia-card__meta{color:var(--text-muted);z-index:1;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;display:flex;position:relative}.academia-card__meta span{align-items:center;gap:4px;display:inline-flex}.academia-card__actions{z-index:1;position:relative}.academia-card__actions .btn{width:100%;padding:10px 16px;font-size:14px}.academia-empty{text-align:center;padding:60px 24px}.academia-empty__icon{margin-bottom:16px;font-size:56px;display:block}.academia-empty h3{color:var(--text-h);margin:0 0 8px;font-size:20px}.academia-empty p{color:var(--text-muted);max-width:400px;margin:0 auto;font-size:15px;line-height:1.5}@media (width<=640px){.academia-grid{grid-template-columns:1fr}.academia-card__header{flex-direction:column;gap:8px}}.home-header{background:var(--input-bg);border-bottom:1px solid var(--border);z-index:1;display:block;position:relative}.home-header__inner{justify-content:space-between;align-items:center;width:100%;max-width:920px;margin:0 auto;padding:16px 32px;display:flex}.home-header__brand{color:var(--accent);letter-spacing:-.3px;font-size:20px;font-weight:700}.home-header__actions{align-items:center;gap:16px;display:flex}.btn-theme-toggle{width:36px;height:36px;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .2s,border-color .2s,transform .3s,box-shadow .2s,color .2s;display:flex}.btn-theme-toggle:hover{background:var(--accent-bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow);transform:rotate(15deg)scale(1.1)}.btn-theme-toggle:active{transform:rotate(0)scale(.95)}.home-header__credits{background:var(--accent-bg);border:1px solid var(--border);color:var(--accent);box-shadow:0 2px 8px var(--accent-shadow);cursor:pointer;border-radius:24px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.home-header__credits:hover{box-shadow:0 4px 12px var(--accent-shadow);border-color:var(--accent);transform:translateY(-1px)}.credits-icon{font-size:16px;line-height:1}.credits-amount{letter-spacing:.5px;font-size:14px}.home-header__user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:200px;margin-top:2px;font-size:14px;line-height:1;display:flex;overflow:hidden}.section-title{color:var(--text-h);margin:0;font-size:18px}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar__fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.progress-label{color:var(--text-muted);font-size:12px}@media (width<=768px){.home-header{padding:14px 16px}.home-header__user{display:none}}.package-detail{background:var(--bg);min-height:100svh;color:var(--text);flex-direction:column;display:flex}.package-hero{background:linear-gradient(135deg, var(--brand-gradient-start) 0%, var(--brand-gradient-end) 100%);border-bottom:1px solid var(--border);padding:56px 32px 48px;position:relative;overflow:hidden}.package-hero:before{content:"";background:radial-gradient(circle, var(--accent-bg) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:-80px;right:-80px}.package-hero__inner{z-index:1;max-width:860px;margin:0 auto;position:relative}.package-hero__category{letter-spacing:.8px;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid #7b9fd44d;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.package-hero h1{letter-spacing:-.6px;color:var(--text-h);max-width:620px;margin:0 0 14px;font-size:32px;font-weight:800;line-height:1.2}.package-hero__desc{color:var(--text);max-width:580px;margin:0 0 28px;font-size:16px;line-height:1.65}.package-hero__stats{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.package-hero__stat{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.package-hero__stat-icon{font-size:18px}.package-hero__stat strong{color:var(--text-h)}.package-action-bar{z-index:10;background:var(--input-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 32px;position:sticky;top:0}.package-action-bar__inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:860px;margin:0 auto;display:flex}.package-action-bar__price{align-items:baseline;gap:6px;display:flex}.package-action-bar__amount{color:var(--text-h);font-size:28px;font-weight:800;line-height:1}.package-action-bar__currency{color:var(--text-muted);font-size:14px;font-weight:500}.package-action-bar--owned{background:#10b9810f;border-bottom-color:#10b98140}html.dark .package-action-bar--owned{background:#10b98114}.package-action-bar__amount--owned{color:#059669;font-size:18px}html.dark .package-action-bar__amount--owned{color:#34d399}.package-action-bar__actions{align-items:center;gap:12px;display:flex}.btn--buy{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);box-shadow:0 4px 16px var(--accent-shadow);padding:12px 28px;font-size:15px;transition:transform .2s,box-shadow .2s,opacity .2s}.btn--buy:hover{box-shadow:0 6px 24px var(--accent-shadow);opacity:.95;transform:translateY(-2px)}html.dark .btn--buy{background:linear-gradient(135deg,#3b5a8a 0%,#6d5aad 100%)}.package-owned-badge{color:#059669;background:#d1fae5;border:1px solid #6ee7b7;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}html.dark .package-owned-badge{color:#34d399;background:#10b9811f;border-color:#34d3994d}.package-body{flex:1;width:100%;max-width:860px;margin:0 auto;padding:40px 32px 72px}.package-section{margin-bottom:48px}.package-section__title{color:var(--text-h);border-bottom:2px solid var(--border);align-items:center;gap:10px;margin:0 0 20px;padding-bottom:12px;font-size:19px;font-weight:700;display:flex}.package-section__title--toggle{border:none;border-bottom:2px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-radius:0;width:100%;margin-bottom:20px;padding:0 0 12px;font-family:inherit;transition:color .15s}.package-section__title--toggle:hover,.package-section__title--toggle:hover .package-section__chevron{color:var(--accent)}.package-section__count{color:var(--text-muted);background:var(--surface-hover);border-radius:12px;flex-shrink:0;padding:2px 9px;font-size:12px;font-weight:600}.package-section__chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;transition:transform .25s}.package-section__chevron--collapsed{transform:rotate(-90deg)}.content-list{flex-direction:column;gap:10px;display:flex}.content-item{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.content-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.content-item--clickable{cursor:pointer}.content-item--clickable:hover{background:#10b9810a;border-color:#10b981;box-shadow:0 0 0 1px #10b98133}.content-item--clickable:hover .content-item__name{color:#059669}html.dark .content-item--clickable:hover .content-item__name{color:#34d399}.content-item__icon{background:var(--accent-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.content-item__body{flex:1}.content-item__name{color:var(--text-h);margin:0 0 2px;font-size:14px;font-weight:600}.content-item__meta{color:var(--text-muted);font-size:12px}.content-item__lock{color:var(--text-muted);flex-shrink:0;font-size:16px}.package-includes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.package-includes__item{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.package-includes__item-icon{flex-shrink:0;font-size:22px}.package-includes__item-text strong{color:var(--text-h);margin-bottom:3px;font-size:14px;font-weight:700;display:block}.package-includes__item-text span{color:var(--text-muted);font-size:13px;line-height:1.4}@media (width<=640px){.package-hero{padding:40px 20px 36px}.package-hero h1{font-size:24px}.package-action-bar{flex-direction:column;align-items:stretch;padding:14px 20px}.package-action-bar__actions{flex-direction:column}.package-body{padding:32px 20px 56px}}.pdf-viewer-overlay{z-index:1000;background:var(--bg);flex-direction:column;animation:.2s pdf-fade-in;display:flex;position:fixed;inset:0}@keyframes pdf-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pdf-viewer-bar{background:var(--input-bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.pdf-viewer-bar__title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;overflow:hidden}.pdf-viewer-bar__close{color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.pdf-viewer-bar__close:hover{color:var(--text-h);background:var(--border)}.pdf-viewer-content{flex:1;overflow:hidden}.pdf-viewer-frame{border:none;width:100%;height:100%;display:block}.home{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.home:before{content:"";z-index:0;background:radial-gradient(ellipse 80% 60% at 20% -10%, #7b9fd438 0%, transparent 60%), radial-gradient(ellipse 70% 50% at 85% 110%, #a78bfa2e 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 50% 50%, #60a5fa14 0%, transparent 70%), var(--bg);pointer-events:none;position:fixed;inset:0}.home:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7b9fd41f 0%,#0000 65%);border-radius:50%;width:600px;height:600px;animation:12s ease-in-out infinite alternate orb-drift;position:fixed;top:-200px;right:-150px}@keyframes orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,60px)scale(1.08)}}.home-tabs{background:var(--surface-hover);border:1px solid var(--border);border-radius:14px;align-items:center;gap:4px;margin-bottom:32px;padding:4px;display:inline-flex}.home-tabs__btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.home-tabs__btn:hover:not(.home-tabs__btn--active){color:var(--text-h);background:var(--input-bg)}.home-tabs__btn--active{color:#fff;background:var(--accent);box-shadow:0 2px 8px var(--accent-shadow)}html.dark .home-tabs__btn--active{color:#e8ecf8;background:#3b5a8a;box-shadow:0 2px 8px #3b5a8a66}.home-tabs__btn--active:hover{opacity:.92}.home-tab-content{animation:.3s tab-fade-in}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home-main{z-index:1;flex:1;width:100%;max-width:920px;margin:0 auto;padding:48px 24px 64px;position:relative}.home-hero{margin-bottom:40px}.home-hero--compact{margin-bottom:36px}.home-hero__greeting{letter-spacing:.8px;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid #7b9fd44d;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.home-hero h1{letter-spacing:-.8px;color:var(--text-h);margin:0 0 14px;font-size:36px;font-weight:700;line-height:1.15}.home-hero h1 .hero-name{background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-hero p{color:var(--text);max-width:540px;font-size:17px;line-height:1.6}.home-stats{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.stat-card{background:var(--input-bg);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow-sm);border-radius:14px;flex:1;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(135deg, var(--accent-bg) 0%, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.stat-card:hover{box-shadow:0 6px 20px var(--accent-shadow);border-color:var(--accent);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{box-shadow:0 8px 24px var(--accent-shadow);border-color:var(--accent);transform:translateY(-3px)}.stat-card__icon{z-index:1;flex-shrink:0;font-size:24px;position:relative}.stat-card__body{z-index:1;position:relative}.stat-card__value{color:var(--text-h);margin-bottom:3px;font-size:22px;font-weight:700;line-height:1;display:block}.stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500;display:block}.section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-toolbar .section-head{margin-bottom:0}.home-documents--focus{flex:1}.section-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-badge{color:var(--accent);background:var(--accent-bg);border-radius:20px;padding:2px 10px;font-size:13px;font-weight:600}.materials-empty{text-align:center;background:var(--input-bg);border:1px dashed var(--border);border-radius:20px;flex-direction:column;align-items:center;padding:72px 32px;display:flex;position:relative;overflow:hidden}.materials-empty:before{content:"";background:linear-gradient(160deg, var(--brand-gradient-start) 0%, transparent 60%);opacity:.5;position:absolute;inset:0}.materials-empty__icon{z-index:1;margin-bottom:20px;font-size:56px;animation:3s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.materials-empty h3{color:var(--text-h);z-index:1;margin:0 0 10px;font-size:22px;font-weight:700;position:relative}.materials-empty p{color:var(--text-muted);z-index:1;max-width:380px;margin:0 0 28px;font-size:15px;line-height:1.55;position:relative}.materials-empty .btn{z-index:1;position:relative}.document-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.document-card{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px 20px;padding:20px 24px;transition:border-color .25s,box-shadow .25s,transform .2s;display:grid;position:relative;overflow:hidden}.document-card:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, #a78bfa 100%);opacity:0;border-radius:3px 0 0 3px;width:3px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.document-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-shadow);transform:translateY(-1px)}.document-card:hover:before{opacity:1}.document-card--processing{opacity:.9;position:relative;overflow:hidden;border-color:var(--accent)!important;background:var(--accent-bg)!important}.document-card--processing:after{content:"";height:100%;width:var(--progress,0%);pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#7b9fd41f);transition:width .4s ease-out;position:absolute;top:0;left:0}.document-card__open{font:inherit;text-align:left;cursor:pointer;color:inherit;z-index:1;background:0 0;border:none;grid-template-rows:auto auto;grid-template-columns:1fr;gap:12px;margin:0;padding:0;display:grid;position:relative}.document-card__open:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.document-card__info{align-items:flex-start;gap:14px;display:flex}.document-card__icon{flex-shrink:0;font-size:26px;line-height:1}.document-card__info h3{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.document-card__info p{color:var(--text-muted);font-size:13px}.document-card__progress{max-width:280px}.document-card__progress .progress-bar{margin-bottom:6px}.document-card>.btn--secondary{white-space:nowrap;z-index:1;align-self:center;position:relative}.document-card__status{color:var(--accent);align-items:center;gap:8px;margin:0;font-size:13px;font-style:italic;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.processing-spinner{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}.upload-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14182499;justify-content:center;align-items:center;padding:24px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.upload-modal{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:720px;max-height:min(90svh,900px);animation:.25s slide-up;display:flex;overflow:hidden;box-shadow:0 32px 64px #14182440,0 0 0 1px #7b9fd41a}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.upload-modal__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.upload-modal__header h2{color:var(--text-h);margin:0;font-size:20px}.upload-modal__close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;transition:background .2s,color .2s;display:flex}.upload-modal__close:hover{color:var(--text-h);background:var(--surface-hover)}.upload-modal__body{padding:24px;overflow-y:auto}.upload-zone{margin-bottom:28px}.upload-zone__inner{text-align:center;border:2px dashed var(--border);background:linear-gradient(160deg, var(--brand-gradient-start) 0%, var(--input-bg) 55%);border-radius:16px;flex-direction:column;align-items:center;padding:52px 32px;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-zone__inner:hover,.upload-zone--dragover .upload-zone__inner{border-color:var(--accent);background:linear-gradient(160deg, var(--accent-bg) 0%, var(--input-bg) 60%);transform:scale(1.005)}.upload-zone--has-file .upload-zone__inner{border-color:var(--accent);border-style:solid}.upload-zone__icon{margin-bottom:16px;font-size:40px}.upload-zone__inner h3{color:var(--text-h);margin:0 0 8px;font-size:20px}.upload-zone__inner p{color:var(--text-muted);max-width:420px;margin:0 0 24px;font-size:15px;line-height:1.5}.upload-zone__filesize{color:var(--text-muted);font-size:13px;margin:0 0 20px!important}.upload-zone__change{margin-top:8px;font-size:13px}.upload-zone__hint{color:var(--text-muted);margin-top:14px;font-size:13px}.upload-progress{margin:0 0 20px}.upload-progress__bar{background:var(--border);border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.upload-progress__fill{background:linear-gradient(90deg, var(--accent), #a78bfa);border-radius:999px;height:100%;transition:width .2s}.upload-progress__label{color:var(--text-muted);text-align:center;margin:0;font-size:14px}.upload-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.upload-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;display:flex}.upload-success__icon{font-size:48px}.upload-success h3{color:var(--text-h);margin:0;font-size:22px}.upload-success p{color:var(--text-muted);margin:0 0 8px;font-size:15px}.upload-modal .home-steps{margin-bottom:0}.upload-modal .home-steps .section-title{margin-bottom:16px}.steps-list{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps-list li{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;gap:14px;padding:20px;display:flex}.step-num{width:28px;height:28px;color:var(--accent);background:var(--accent-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.steps-list strong{color:var(--text-h);margin-bottom:4px;font-size:15px;display:block}.steps-list p{color:var(--text-muted);font-size:13px;line-height:1.45}@media (width<=768px){.home-main{padding:28px 16px 48px}.home-hero h1{font-size:28px}.home-stats{gap:10px}.stat-card{min-width:120px;padding:14px 16px}.stat-card__value{font-size:18px}.steps-list,.document-card{grid-template-columns:1fr}.document-card>.btn--secondary{width:100%}.document-card__progress{max-width:none}.section-toolbar{flex-direction:column;align-items:stretch}.section-toolbar .btn--primary{width:100%}.upload-modal-backdrop{align-items:flex-end;padding:0}.upload-modal{border-radius:20px 20px 0 0;max-height:95svh}}@media (prefers-color-scheme:dark){.home:before{background:radial-gradient(ellipse 80% 60% at 20% -10%, #9bb5e826 0%, transparent 60%), radial-gradient(ellipse 70% 50% at 85% 110%, #a78bfa1f 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 50% 50%, #60a5fa0d 0%, transparent 70%), var(--bg)}.home:after{background:radial-gradient(circle,#9bb5e814 0%,#0000 65%)}.upload-modal{box-shadow:0 32px 64px #00000080,0 0 0 1px #9bb5e814}}.test-runner-container{z-index:1000;background:linear-gradient(-45deg,#f3e7e9 0%,#e3eeff 99% 100%) 0 0/400% 400%;flex-direction:column;height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:15s infinite gradientBG;display:flex;position:fixed;inset:0;overflow-y:scroll}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.test-runner-loading{color:#3b82f6;justify-content:center;align-items:center;gap:1rem;height:100vh;font-size:1.5rem;font-weight:500;display:flex}.test-runner-header{-webkit-backdrop-filter:blur(16px);z-index:10;background:#fff6;border-bottom:1px solid #ffffff80;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000000d}.test-progress-info{color:#4b5563;letter-spacing:.5px;font-size:1.1rem;font-weight:600}.test-progress-bar{z-index:10;background-color:#fff9;width:100%;height:6px;position:sticky;top:73px}.test-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:0 4px 4px 0;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #8b5cf680}.test-runner-main{flex:1;justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex}.question-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:24px;width:100%;max-width:850px;padding:3rem;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;box-shadow:0 20px 40px #00000014,inset 0 0 0 1px #ffffff80}.question-content-wrapper{flex-direction:column;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.question-text{color:#1f2937;margin-top:0;margin-bottom:3rem;font-size:1.4rem;font-weight:600;line-height:1.5}.options-list{flex-direction:column;gap:1.25rem;display:flex}.option-btn{text-align:left;cursor:pointer;color:#374151;background:#ffffffe6;border:2px solid #0000;border-radius:16px;align-items:center;padding:1.25rem 1.75rem;font-size:1.1rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #00000008}.option-btn:hover:not(:disabled){border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 8px 20px #3b82f626}.option-letter{color:#6b7280;background-color:#f3f4f6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.option-text{line-height:1.5}.option-selected{background-color:#3b82f614;border-color:#3b82f6}.option-selected .option-letter{color:#fff;background-color:#3b82f6;box-shadow:0 4px 10px #3b82f666}.option-correct{background-color:#10b98114;border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.option-correct .option-letter{color:#fff;background-color:#10b981;box-shadow:0 4px 10px #10b98166}.option-incorrect{background-color:#ef444414;border-color:#ef4444;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}.option-incorrect .option-letter{color:#fff;background-color:#ef4444;box-shadow:0 4px 10px #ef444466}.option-correct-hint{opacity:.9;border-color:#10b981}.option-correct-hint .option-letter{color:#fff;background-color:#10b981}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.explanation-card{border-radius:16px;margin-top:2.5rem;padding:1.75rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDownFade;position:relative;overflow:hidden}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.explanation-correct{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b9814d}.explanation-incorrect{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef44444d}.explanation-header{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.15rem;font-weight:700;display:flex}.explanation-correct .explanation-header{color:#047857}.explanation-incorrect .explanation-header{color:#b91c1c}.explanation-body{color:#374151;margin:0;font-size:1.05rem;line-height:1.6}.test-runner-finish{z-index:1000;justify-content:center;align-items:center;height:100vh;transition:background .5s;display:flex;position:fixed;inset:0}.test-runner-finish--passed{background:linear-gradient(135deg,#d1fae5 0%,#6ee7b7 100%)}.test-runner-finish--failed{background:linear-gradient(135deg,#fee2e2 0%,#fca5a5 100%)}.test-runner-finish-card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#ffffffd9;border:1px solid #fff;border-radius:24px;max-width:500px;padding:4rem 3rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards zoomIn;box-shadow:0 25px 50px #0000001a}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.test-runner-finish-card h2{margin-top:0;margin-bottom:1rem;font-size:2.5rem}.test-runner-finish--passed h2{color:#047857}.test-runner-finish--failed h2{color:#b91c1c}.finish-icon{margin-bottom:1rem;font-size:5rem;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}.test-score{justify-content:center;align-items:baseline;gap:.5rem;margin:1.5rem 0;font-size:4rem;font-weight:800;display:flex}.test-runner-finish--passed .test-score{background:linear-gradient(135deg,#059669,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.test-runner-finish--failed .test-score{background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.test-score-value{font-size:6rem}.test-score-divider{color:#9ca3af;-webkit-text-fill-color:#9ca3af;font-weight:300}.test-score-total{color:#9ca3af;-webkit-text-fill-color:#9ca3af;font-size:2.5rem}.passing-info{font-weight:600;margin-bottom:1rem!important}.test-runner-finish--passed .passing-info{color:#059669}.test-runner-finish--failed .passing-info{color:#dc2626}.test-runner-finish-card p{color:#4b5563;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.test-runner-finish-card .btn--primary{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:16px;width:100%;padding:1.25rem;font-size:1.15rem}html.dark .test-runner-container{background:linear-gradient(135deg,#0b0f19 0%,#111827 100%);animation:none}html.dark .test-runner-header{background:#11182799;border-bottom:1px solid #ffffff14}html.dark .test-progress-info{color:#94a3b8}html.dark .test-progress-bar{background-color:#ffffff0d}html.dark .test-progress-fill{box-shadow:0 0 12px #8b5cf680}html.dark .question-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1e293bbf;border:1px solid #ffffff1f;box-shadow:0 25px 50px #00000080,inset 0 0 0 1px #ffffff0d}html.dark .question-text{color:#f1f5f9}html.dark .option-btn{color:#cbd5e1;background:#33415566;border-color:#ffffff0d;box-shadow:0 4px 12px #0003}html.dark .option-btn:hover:not(:disabled){color:#f8fafc;background:#334155cc;border-color:#60a5fa;box-shadow:0 8px 24px #60a5fa26}html.dark .option-letter{color:#94a3b8;background-color:#0f172acc;border:1px solid #ffffff0d}html.dark .option-selected{background-color:#3b82f626}html.dark .option-correct{background-color:#10b98126}html.dark .option-incorrect{background-color:#ef444426}html.dark .explanation-card{background:#1f2433e6}html.dark .explanation-body{color:#a8b0c8}html.dark .test-runner-finish--passed{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%)}html.dark .test-runner-finish--failed{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}html.dark .test-runner-finish-card{background:#1f2433d9;border:1px solid #ffffff0d}html.dark .test-runner-finish-card p{color:#a8b0c8}html.dark .test-runner-finish--passed h2{color:#34d399}html.dark .test-runner-finish--failed h2{color:#f87171}html.dark .test-score-divider,html.dark .test-score-total{color:#4b5563;-webkit-text-fill-color:#4b5563}html.dark .test-runner-finish--passed .passing-info{color:#34d399}html.dark .test-runner-finish--failed .passing-info{color:#f87171}html.dark .test-runner-loading{color:#9bb5e8}@media (width<=768px){.test-runner-container{height:100dvh;overflow:hidden}.test-runner-main{align-items:flex-start;height:calc(100dvh - 80px);padding:1rem}.question-card{border-radius:16px;flex-direction:column;height:100%;max-height:100%;padding:1.5rem;display:flex;overflow:hidden}.question-text{flex-shrink:0;margin-bottom:1rem;font-size:1.25rem}.question-content-wrapper{flex:1;padding-right:.5rem;overflow-y:auto}.test-runner-header{padding:1rem}.option-btn{margin-bottom:.75rem;padding:1rem}.explanation-card{margin-top:1.5rem;padding:1.25rem}}.material-detail{background:var(--bg);min-height:100svh;color:var(--text);flex-direction:column;display:flex}.material-detail__back{color:var(--accent);font-weight:600}.material-detail__main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:32px 24px 56px}.material-detail__intro{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.material-detail__icon{flex-shrink:0;font-size:36px;line-height:1}.material-detail__intro h1{letter-spacing:-.3px;color:var(--text-h);margin:0 0 8px;font-size:24px;line-height:1.3}.material-detail__intro p{color:var(--text-muted);font-size:14px;line-height:1.5}.material-detail__stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--input-bg);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:16px 12px;display:flex}.stat-card__value{color:var(--accent);font-size:22px;font-weight:700;line-height:1.2}.stat-card__label{color:var(--text-muted);margin-top:4px;font-size:12px}.material-detail__progress{margin-bottom:32px}.material-detail__progress .progress-bar{border-radius:4px;height:8px}.material-detail .section-title{margin-bottom:16px}.test-options{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.test-option{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;transition:border-color .2s,box-shadow .2s;display:grid}.test-option:hover:not(.test-option--disabled){border-color:var(--accent);box-shadow:var(--shadow-sm)}.test-option--disabled{opacity:.65}.test-option__icon{font-size:28px;line-height:1}.test-option__body h3{color:var(--text-h);margin:0 0 6px;font-size:17px;font-weight:600}.test-option__body p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.45}.test-option .btn{white-space:nowrap;flex-shrink:0}.test-option .btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.material-detail__stats{grid-template-columns:1fr}.test-option{text-align:left;grid-template-columns:1fr}.test-option .btn{width:100%}}.btn--delete{color:#ef4444!important}.btn--delete:hover{background:#ef44441a!important}.delete-modal{max-width:500px!important}.credits-page{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.credits-header{background:var(--input-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.btn-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:500;transition:color .2s,background .2s;display:flex}.btn-back:hover{color:var(--text-h);background:var(--surface-hover)}.credits-header__right{align-items:center;gap:12px;display:flex}.credits-header__balance{color:var(--text-muted);align-items:center;gap:8px;font-size:15px;display:flex}.balance-amount{color:var(--accent);background:var(--accent-bg);border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.credits-main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:56px 24px}.credits-hero{text-align:center;margin-bottom:56px}.credits-hero h1{letter-spacing:-.5px;color:var(--text-h);margin:0 0 16px;font-size:36px}.credits-hero p{color:var(--text);max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:24px;display:grid}.pricing-card{background:var(--input-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:32px 24px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative}.pricing-card:hover{box-shadow:0 12px 32px rgba(var(--accent-rgb), .1);border-color:var(--accent-hover);transform:translateY(-4px)}.pricing-card--popular{border:2px solid var(--accent);box-shadow:0 8px 24px var(--accent-shadow);transform:scale(1.02)}.pricing-card--popular:hover{border-color:var(--accent);transform:scale(1.02)translateY(-4px)}.pricing-card__badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px var(--accent-shadow);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.pricing-card__header h3{color:var(--text-h);margin:0 0 16px;font-size:20px}.pricing-card__header .price{color:var(--text-h);justify-content:center;align-items:flex-start;margin-bottom:12px;display:flex}.pricing-card__header .currency{margin-top:4px;margin-right:2px;font-size:24px;font-weight:600}.pricing-card__header .amount{letter-spacing:-1px;font-size:48px;font-weight:700;line-height:1}.pricing-card__header .credits-amount{color:var(--accent);background:var(--accent-bg);border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:15px;font-weight:600;display:inline-flex}.features-list{flex:1;margin:0 0 32px;padding:0;list-style:none}.features-list li{color:var(--text);align-items:flex-start;gap:12px;margin-bottom:16px;font-size:15px;line-height:1.4;display:flex}.features-list li:last-child{margin-bottom:0}.features-list .check{color:var(--accent);flex-shrink:0;font-weight:700}.btn--full{width:100%}@media (width<=768px){.credits-main{padding:32px 16px}.credits-hero h1{font-size:28px}.credits-hero p{font-size:16px}.pricing-card--popular{transform:none}.pricing-card--popular:hover{transform:translateY(-4px)}}