:root{color:#102335;background:#f4fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--brand-blue: #1683f7;--brand-sky: #16a8e7;--brand-cyan: #24c4d2;--brand-mint: #52d7ba;--ink: #102335;--muted: #60768a;--soft-line: #d8e9f3;--surface: rgba(255, 255, 255, .9);--surface-solid: #ffffff;--surface-blue: #edf9ff;--surface-mint: #ecfff8;--paper: #fffefd;--paper-line: #e8edf2;--accent-olive: #596648;--accent-coral: #ef7d54;--accent-lavender: #8f99ee;--warning-bg: #fff8df;--warning-line: #f0d88a;--warning-text: #7a5513;--gradient-brand: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan) 58%, var(--brand-mint));--gradient-soft: linear-gradient(135deg, #fbfdff 0%, #f0faff 52%, #f0fff9 100%);--shadow-soft: 0 18px 44px rgba(30, 102, 148, .12);--shadow-card: 0 10px 26px rgba(25, 91, 135, .08);--shadow-hover: 0 16px 34px rgba(25, 91, 135, .13);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fffffff5,#eefaffd1 48%,#f4fcff),#f5fbff}button{border:0;cursor:pointer;font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(22,119,255,.28);outline-offset:3px}.app-shell{min-height:100vh;padding:82px 18px 44px}.top-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fcfeffe6;border-bottom:1px solid rgba(196,229,244,.86);display:flex;gap:8px;left:0;min-height:64px;overflow-x:auto;padding:10px 16px;position:fixed;right:0;top:0;z-index:10}.top-nav button,.text-button{background:transparent;border-radius:var(--radius);color:#1d6586;font-weight:700;min-height:40px;padding:0 12px;white-space:nowrap}.top-nav button{align-items:center;display:inline-flex;gap:8px}.top-nav button.is-active{background:#1683f717;color:#145ed6}.brand-nav-item{color:var(--ink)!important;font-weight:900!important}.brand-mark{align-items:center;background:var(--gradient-brand);border-radius:8px;box-shadow:0 10px 22px #1683f72e;color:#fff;display:inline-flex;font-size:.76rem;font-weight:900;height:32px;justify-content:center;width:32px}.hero{align-items:center;display:grid;gap:42px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);margin:0 auto;max-width:1080px;padding:34px 0}.hero-copy{min-width:0}.eyebrow{color:#147bb6;font-size:.9rem;font-weight:900;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}h1{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:4.6rem;font-weight:900;line-height:1;margin:0}.lead{color:var(--muted);font-size:1.12rem;line-height:1.6;margin:20px 0 0;max-width:580px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.actions button,.category-chip{border-radius:var(--radius);min-height:44px;padding:0 18px}.actions button{background:var(--gradient-brand);box-shadow:0 12px 24px #1683f72e;color:#fff;font-weight:900}.actions .secondary{background:#fff;border:1px solid var(--soft-line);box-shadow:none;color:#14668a}.hero-visual{aspect-ratio:1 / .82;background:linear-gradient(145deg,#fffffff5,#effafff0),linear-gradient(135deg,#1683f71a,#52d7ba1f);border:1px solid rgba(214,235,247,.92);border-radius:var(--radius);box-shadow:var(--shadow-soft);min-height:280px;overflow:hidden;position:relative}.hero-visual:before{background:linear-gradient(90deg,rgba(22,131,247,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(22,131,247,.055) 1px,transparent 1px);background-size:34px 34px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(120deg,rgba(0,0,0,.16),transparent 70%);mask-image:linear-gradient(120deg,rgba(0,0,0,.16),transparent 70%);position:absolute}.ecosystem-badge{background:#ffffffe6;border:1px solid rgba(214,235,247,.92);border-radius:var(--radius);color:#147bb6;font-weight:900;left:24px;padding:10px 12px;position:absolute;top:22px}.market-board{background:var(--paper);border:1px solid rgba(216,233,243,.96);border-radius:var(--radius);box-shadow:0 24px 52px #265c8024;display:grid;gap:14px;left:50%;min-height:230px;padding:18px;position:absolute;top:52%;transform:translate(-50%,-50%) rotate(-1deg);width:min(78%,390px)}.board-topline,.board-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between}.board-topline span{color:#1874b7;font-weight:900}.board-topline strong{color:var(--ink)}.board-sheet{background:linear-gradient(180deg,transparent 0 35px,rgba(232,237,242,.72) 36px,transparent 37px),linear-gradient(135deg,#fff,#f8fdff);border:1px solid var(--paper-line);border-left:5px solid var(--brand-cyan);border-radius:var(--radius);display:grid;gap:10px;padding:16px}.sheet-kicker{color:#1874b7;font-size:.82rem;font-weight:900}.board-sheet strong{color:var(--ink);font-size:1.18rem}.sheet-line,.preview-paper-line,.detail-paper i{background:var(--paper-line);border-radius:999px;display:block;height:8px;width:100%}.sheet-line.short,.preview-paper-line.short,.detail-paper i.short{width:62%}.board-toolbar{justify-content:flex-start}.board-toolbar span{background:var(--surface-blue);border:1px solid var(--soft-line);border-radius:999px;color:#1d6586;font-size:.82rem;font-weight:800;padding:7px 10px}.lesson-card{background:#fffffff0;border:1px solid rgba(214,235,247,.94);border-radius:var(--radius);box-shadow:var(--shadow-card);display:grid;gap:4px;min-width:142px;padding:12px;position:absolute}.floating-note{transform:rotate(1.5deg)}.lesson-card strong{color:var(--ink)}.lesson-card span{color:var(--muted);font-size:.9rem}.lesson-card-primary{bottom:28px;left:24px}.lesson-card-secondary{bottom:56px;right:22px}.section{margin:0 auto;max-width:1080px}.category-section{background:#ffffffdb;border:1px solid var(--soft-line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px}.section h2{font-size:1.2rem;margin:0 0 14px}.category-grid{display:flex;flex-wrap:wrap;gap:10px}.category-chip{background:#fff;border:1px solid var(--soft-line);color:#14668a;font-weight:800;transition:border-color .16s ease,color .16s ease,transform .16s ease}.category-chip:hover{border-color:#24c4d28c;color:#145ed6;transform:translateY(-1px)}.page-header{margin:0 auto 18px;max-width:1040px}.page-header h1{font-size:3.25rem}.filters-panel{background:var(--surface);border:1px solid var(--soft-line);border-radius:var(--radius);box-shadow:var(--shadow-card);display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto 18px;max-width:1040px;padding:12px}.filters-panel input,.filters-panel select{background:#fff;border:1px solid var(--soft-line);border-radius:var(--radius);color:var(--ink);font:inherit;min-height:44px;padding:0 12px;width:100%}.notice{background:var(--warning-bg);border:1px solid var(--warning-line);border-radius:var(--radius);color:var(--warning-text);margin:0 auto 16px;max-width:1040px;padding:12px 14px}.auth-banner{background:#fff8df;border:1px solid var(--warning-line);border-radius:var(--radius);color:var(--warning-text);left:50%;margin:0;padding:10px 12px;position:fixed;top:76px;transform:translate(-50%);width:min(560px,calc(100% - 28px));z-index:9}.subtle-notice{background:#f4fbff;border-color:var(--soft-line);color:var(--muted)}.empty-state{background:var(--surface-solid);border:1px solid var(--soft-line);border-radius:var(--radius);box-shadow:var(--shadow-card);margin:0 auto;max-width:1040px;padding:22px}.empty-state strong{color:var(--ink);display:block;font-size:1.1rem}.empty-state p{color:var(--muted);line-height:1.55;margin:8px 0 0}.product-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1040px}.product-card{background:var(--surface-solid);border:1px solid var(--soft-line);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.product-card:hover{border-color:#24c4d28f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.preview-button{align-items:stretch;aspect-ratio:16 / 10;background:linear-gradient(135deg,#edf9fff5,#eefff9f5),var(--surface-blue);color:var(--ink);display:flex;font-weight:800;justify-content:space-between;gap:12px;padding:14px;text-align:left;width:100%}.product-card-test .preview-button{background:linear-gradient(135deg,#f6f7ff,#f0fbff)}.product-card-worksheet .preview-button{background:linear-gradient(135deg,#f3fff9,#eef9ff)}.product-card-presentation .preview-button{background:linear-gradient(135deg,#fff7ef,#f3fbff)}.preview-label{align-self:flex-start;background:#fff;border:1px solid var(--soft-line);border-radius:var(--radius);color:#1d6586;font-size:.78rem;font-weight:900;max-width:44%;padding:8px 9px}.preview-paper{align-self:stretch;background:var(--paper);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:0 12px 24px #335b761a;display:grid;gap:8px;min-width:0;padding:12px;width:58%}.preview-paper-kicker{color:#1874b7;font-size:.72rem;font-weight:900}.preview-paper-title{color:var(--ink);font-size:.9rem;font-weight:900;line-height:1.2;overflow:hidden}.product-card-body{padding:16px}.product-title-button{background:transparent;color:var(--ink);display:block;font-size:1.05rem;font-weight:800;line-height:1.35;padding:0;text-align:left}.meta-line,.seller-line,.delivery-line{color:var(--muted);line-height:1.45;margin:8px 0 0}.delivery-line,.delivery-note{color:#1874b7;font-weight:800}.delivery-note{margin:12px 0 0}.product-card-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:14px}.card-actions{align-items:center;display:flex;gap:8px}.product-card-footer button{background:var(--gradient-brand);border-radius:var(--radius);color:#fff;font-weight:900;min-height:38px;padding:0 12px}.product-card-footer .icon-button{background:#fff;border:1px solid var(--soft-line);color:#1468d8;font-size:1.1rem;min-width:38px;padding:0}.product-detail{display:grid;gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin:0 auto;max-width:1040px}.detail-preview{align-items:stretch;aspect-ratio:4 / 3;background:linear-gradient(135deg,#edf9fffa,#eefff9f5),var(--surface-blue);border:1px solid var(--soft-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);color:var(--ink);display:grid;gap:18px;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);font-size:1.1rem;font-weight:800;padding:18px}.detail-preview .preview-label{max-width:none}.detail-paper{align-self:stretch;background:var(--paper);border:1px solid var(--paper-line);border-left:5px solid var(--brand-cyan);border-radius:var(--radius);box-shadow:0 18px 34px #335b761f;display:grid;gap:12px;padding:18px}.detail-paper span{color:#1874b7;font-size:.86rem;font-weight:900}.detail-paper strong{color:var(--ink);font-size:1.55rem;line-height:1.15}.detail-content h1{font-size:3.25rem}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.detail-meta span{background:#fff;border:1px solid var(--soft-line);border-radius:var(--radius);color:#14668a;font-weight:800;padding:8px 10px}.detail-price{display:block;font-size:1.5rem;margin-top:18px}.stats-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto 18px;max-width:1040px}.stat-tile,.dashboard-panel{background:var(--surface-solid);border:1px solid var(--soft-line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.stat-tile{display:grid;gap:6px;min-height:92px;padding:14px}.stat-tile span,.muted{color:var(--muted)}.stat-tile strong{color:var(--ink);font-size:1.7rem}.dashboard-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);margin:0 auto;max-width:1040px}.dashboard-panel{padding:16px}.dashboard-panel:first-child{grid-row:span 2}.panel-heading h2{font-size:1.25rem;margin:0 0 14px}.compact-list{display:grid;gap:10px}.compact-item{align-items:flex-start;border-top:1px solid var(--soft-line);display:flex;gap:12px;justify-content:space-between;padding-top:12px}.compact-item h3{font-size:1rem;line-height:1.35;margin:0}.compact-item p{color:var(--muted);line-height:1.45;margin:6px 0 0}.compact-meta{align-items:flex-end;display:grid;gap:8px;justify-items:end;min-width:112px}.compact-meta span{background:var(--surface-blue);border-radius:var(--radius);color:#1468d8;font-size:.86rem;font-weight:700;padding:6px 8px;text-align:center}.warning-text{color:var(--warning-text)}.message-text{background:var(--gradient-soft);border-radius:var(--radius);padding:8px 10px}.text-link{color:#1468d8;font-weight:800;text-decoration:none}.subscription-meter{display:grid;gap:8px}.subscription-meter progress{accent-color:var(--brand-cyan);height:12px;width:100%}.plans-list{display:grid;gap:10px;margin-top:16px}.plan-item{align-items:center;background:var(--gradient-soft);border:1px solid var(--soft-line);border-radius:var(--radius);display:flex;gap:12px;justify-content:space-between;padding:12px}.plan-item h3{font-size:1rem;margin:0}.plan-item p{color:var(--muted);margin:6px 0}.plan-item button,.plan-badge{background:var(--gradient-brand);border-radius:var(--radius);color:#fff;font-weight:800;min-height:38px;padding:0 12px;white-space:nowrap}.plan-badge{align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}@media (max-width: 720px){.app-shell{padding-left:14px;padding-right:14px}.hero{grid-template-columns:1fr;padding-top:18px}h1{font-size:3rem}.page-header h1,.detail-content h1{font-size:2.35rem}.hero-visual{min-height:238px}.product-detail,.detail-preview{grid-template-columns:1fr}.detail-paper strong{font-size:1.25rem}.dashboard-grid{grid-template-columns:1fr}.dashboard-panel:first-child{grid-row:auto}.compact-item{display:grid}.compact-meta{justify-items:start}.plan-item{align-items:flex-start;display:grid}}