@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#252b2a;--muted:#858b87;--line:#e7e9e4;--cream:#f8f9f5;--accent:#eabb60}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .18s,color .18s,transform .18s}button{color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bb8d3d;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #d9b879;outline-offset:1px}h1,h2,h3,p{margin-top:0}button{border:0;background:none}.shell{display:flex;min-height:100vh}.sidebar{width:250px;padding:36px 22px 0;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-size:28px;font-weight:800;letter-spacing:3px;margin:0 8px}.brand small{font-size:8px;display:block;letter-spacing:2px;margin-top:3px}.brand-mark{height:44px;width:42px;background:#262d2a;color:white;border-radius:11px;display:flex;justify-content:center;align-items:center;font-size:34px;letter-spacing:-6px;padding-right:5px;line-height:1}.brand-mark span{color:var(--accent);font-size:27px;margin-top:15px}.space-tag{font-size:10px;display:flex;align-items:center;gap:7px;color:#8b908b;margin:27px 5px 35px}.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#8a9f89;flex-shrink:0}nav{display:flex;flex-direction:column;gap:6px}nav button{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600;color:#7a827b;border-radius:8px;padding:14px 15px;text-align:left}nav button:hover{background:#f5f6f1;color:var(--ink)}nav button.active{background:#f1f2eb;color:#303b2f}nav button.active svg{color:#596c52}.nav-label{font-size:9px;color:#a0a69e;letter-spacing:1.6px;margin:31px 15px 11px}.nav-count{font-size:10px;background:#e4e8dc;padding:2px 6px;border-radius:4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:65px}.knowledge-tip{border:1px solid #e9e9de;border-radius:10px;background:#f9faf5;padding:19px 16px;margin-bottom:23px}.knowledge-tip>span{font-size:15px;font-weight:600;line-height:1.6;display:block}.knowledge-tip button{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#848a7c;padding:0;margin-top:16px;width:100%}.profile{border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;padding:22px 0}.avatar{height:35px;width:35px;border-radius:50%;background:#eee5d2;color:#6a604a;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.profile>div{min-width:0;flex:1}.profile strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.profile small{font-size:9px;color:#979c94;display:block;margin-top:4px}.profile a{color:#959b92}.workspace{margin-left:250px;width:calc(100% - 250px)}header{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 45px}.breadcrumb{display:flex;gap:14px;align-items:center;color:#9ba098;font-size:11px}.breadcrumb span{color:#545d54}.header-right{display:flex;gap:24px;align-items:center}.private-label{font-size:10px;color:#8d968b;display:flex;gap:7px;align-items:center}.avatar.small{width:30px;height:30px;font-size:11px}.mobile-toggle{display:none}main{max-width:1440px;margin:auto;padding:39px 45px 0}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8b9386;margin-bottom:12px}h1{font-size:29px;letter-spacing:-1px;font-weight:700;margin-bottom:10px;line-height:1.35}.page-heading p{color:#93998e;font-size:12px;margin:0}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:12px 17px;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:#2b342c;color:#fff}.primary:hover{background:#45523f;transform:translateY(-1px)}.outline{border:1px solid #dadfd3;background:white}.outline:hover{background:#f2f4ec}.hero{min-height:287px;border-radius:13px;background:#27312e;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.hero-copy{padding:32px 36px;position:relative;z-index:2;width:66%}.hero-label{font-size:8px;letter-spacing:1.8px;color:#b8c4b5;display:flex;gap:8px;align-items:center;margin-bottom:20px}.hero-label span{height:5px;width:5px;background:#ddb974;border-radius:50%}.hero h1{font-size:29px;letter-spacing:-.6px;line-height:1.35;font-weight:500;margin-bottom:14px}.hero p{font-size:11px;line-height:1.85;color:#abb6ac;margin-bottom:22px}.hero button{background:#eed092;color:#344134;font-size:10px;font-weight:700;border-radius:5px;display:flex;gap:22px;align-items:center;padding:11px 15px}.hero button:hover{background:#f6dfa9}.hero-art{position:absolute;width:38%;right:0;top:0;bottom:0;background:radial-gradient(ellipse at center,#52614922,transparent 70%)}.orbit{position:absolute;border:1px solid #b0c0a616;border-radius:50%;height:290px;width:290px;right:-30px;top:10px}.o2{height:400px;width:400px;top:-50px;right:-85px}.art-tile{position:absolute;display:grid;place-items:center;border-radius:20px;height:115px;width:112px;transform:rotate(-15deg);box-shadow:0 15px 30px #07170925;border:1px solid #fff2}.tile-back{background:#576553;color:#cad5bb;top:37px;right:100px;transform:rotate(17deg)}.tile-mid{background:#a7b59a;color:#344331;top:101px;right:154px;transform:rotate(-17deg)}.tile-front{background:#e7c684;color:#655336;top:149px;right:63px;transform:rotate(12deg)}.art-star{color:#edcf91;position:absolute;right:50px;top:35px;font-size:42px}.art-dot{height:9px;width:9px;border-radius:50%;background:#98ac81;position:absolute;top:224px;right:255px}.art-label{font-size:8px;letter-spacing:1px;color:#a1b09b;position:absolute;bottom:23px;right:180px;transform:rotate(-90deg);transform-origin:right}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 34px;padding:19px 0;border:1px solid var(--line);border-radius:10px;background:#fff}.stats>div{display:flex;gap:13px;align-items:center;padding:0 22px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stat-icon{height:38px;width:38px;display:grid;place-items:center;background:#f5f6ef;color:#88937d;border-radius:8px;flex-shrink:0}.stats strong{font-size:22px;font-weight:700;display:block;line-height:1.15;margin-bottom:6px}.stats div div>span{font-size:9px;color:#989e92}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:15px}.section-heading h2{font-size:17px;font-weight:700;letter-spacing:-.4px;margin:0}.section-heading button{font-size:10px;display:flex;align-items:center;gap:9px;color:#8d9485;padding:5px 0}.section-sub{color:#9ba294;font-size:10px;margin:7px 0 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;padding:20px 21px}.category-card:hover{border-color:#aebba1;transform:translateY(-2px);box-shadow:0 5px 12px #23331805}.category-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.category-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center}.sand{background:#f5eedf;color:#ae946a}.green{background:#e8efe2;color:#7b9167}.purple{background:#ece8f4;color:#9a89ae}.blue{background:#e6edf1;color:#8396a4}.peach{background:#f7eae2;color:#b8967e}.gray{background:#eceeeb;color:#879084}.category-arrow{color:#b2b9ab}.category-card h3{font-size:13px;font-weight:700;margin-bottom:5px}.category-card p{font-size:10px;color:#969c90;margin-bottom:15px}.material-count{font-size:9px;color:#8b9483}.catalog{margin-top:34px}.filters{display:flex;gap:10px;margin:20px 0 15px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:0 14px;flex:1;color:#a0a696}.search input{width:100%;background:none;border:0;padding:12px 0;outline:none;font-size:11px}.search button{display:flex;color:#88917d}.filters select{font-size:10px;min-width:144px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px 29px 12px 13px;color:#7d8774}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{font-size:11px;color:#939b89;padding:6px 0 12px;border-bottom:2px solid transparent}.tabs .selected{color:#3b4b30;border-bottom-color:#526a43;font-weight:700}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.material-card{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.material-card:hover{border-color:#b6c1aa}.bookmark{position:absolute;right:13px;top:13px;z-index:1;color:#7b886d;background:#ffffffbb;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.bookmark.saved{color:#9b7935}.card-body{text-align:left;width:100%;padding:0}.material-cover{height:124px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8b947e;background:#e9ede3;position:relative}.material-cover.video{background:#e4e8ed;color:#8191a0}.material-cover.document{background:#eee9df;color:#a1947c}.material-cover>span{font-size:12px;letter-spacing:.5px}.material-cover .completed{position:absolute;bottom:10px;left:10px;display:flex;gap:3px;align-items:center;font-size:8px;background:#fff9;padding:3px 6px;border-radius:5px;color:#43503b}.material-details{padding:17px}.category-tag{font-size:9px;color:#8e9b7b;font-weight:600}.material-details h3{font-size:14px;margin:9px 0;line-height:1.5;overflow-wrap:anywhere}.material-details p{font-size:11px;color:#8f9885;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px}.card-footer{display:flex;justify-content:space-between;border-top:1px solid #f0f1eb;padding-top:12px;font-size:9px;color:#98a08e}.card-footer span:last-child{display:flex;align-items:center;gap:4px;color:#6e7d61}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff;border:1px dashed #dce2d2;border-radius:10px;padding:31px 20px;min-height:190px}.empty-icon{height:47px;width:47px;background:#f0f3e8;border-radius:12px;display:grid;place-items:center;color:#8e9c7f;margin-bottom:13px}.empty h3{font-size:15px;margin:0 0 9px}.empty p{color:#919b85;font-size:11px;margin-bottom:18px;max-width:460px;line-height:1.8}.empty .outline{font-size:10px;padding:9px 14px}.guide-section{margin-top:35px}.muted{color:#929b85;font-size:11px;line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-card{background:#f0f2e9;border:1px solid #e5e8dc;border-radius:9px;padding:20px;text-align:left}.guide-card:hover{background:#e9eddf}.guide-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;color:#8a957b}.guide-top>span{font-size:11px}.guide-card small{font-size:9px;color:#899775}.guide-card h3{font-size:13px;margin:7px 0 9px}.guide-card p{font-size:10px;line-height:1.7;color:#919b84;margin:0}footer{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line);margin-top:34px;font-size:9px;color:#a0a693}footer i{margin:0 8px;font-style:normal}.progress-banner{display:flex;gap:22px;align-items:center;background:#e9eee0;border:1px solid #dde4d1;padding:25px;border-radius:10px;margin:10px 0 30px;color:#667857}.progress-banner h2{font-size:17px;margin-bottom:8px;color:#33442b}.progress-banner p{font-size:11px;margin:0}.progress-score{margin-left:auto;min-width:120px}.progress-score strong{font-size:25px}.progress-track{height:5px;background:#d4dec5;border-radius:10px;margin-top:7px;overflow:hidden}.progress-track span{display:block;height:100%;background:#6f855b}dialog{border:1px solid #e4e8dd;border-radius:15px;max-width:680px;width:calc(100% - 30px);padding:0;color:var(--ink);box-shadow:0 25px 90px #1d2c2933;max-height:88vh}dialog::backdrop{background:#17201d77;backdrop-filter:blur(3px)}.dialog-inner{padding:33px;position:relative}.close{position:absolute;top:20px;right:20px;color:#919989;padding:4px;display:flex}.dialog-inner>h2{font-size:25px;margin:10px 25px 10px 0;line-height:1.4;overflow-wrap:anywhere}.dialog-inner form{margin-top:22px}.dialog-inner label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;margin-bottom:18px}.dialog-inner input,.dialog-inner select,.dialog-inner textarea{border:1px solid #dce1d5;border-radius:6px;background:#fafbf7;padding:11px 12px;color:#414a39;width:100%;font-size:12px}.dialog-inner textarea{resize:vertical}.dialog-inner label small{font-size:10px;font-weight:400;color:#939d88}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-inner .file-drop{align-items:center;border:1px dashed #bac8a9;border-radius:8px;padding:23px;text-align:center;background:#f3f6ed;color:#758a60;position:relative;overflow:hidden;cursor:pointer}.file-drop span{font-size:10px;color:#8f9c82}.file-drop strong{overflow-wrap:anywhere;max-width:100%;font-size:12px}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.form-error{background:#fff0e9;color:#a0523b;padding:12px;border-radius:6px;font-size:12px}.article-content{white-space:pre-wrap;font-size:13px;line-height:1.95;margin:25px 0;color:#56624b;overflow-wrap:anywhere}.detail-description{font-size:13px;line-height:1.8;color:#7d8a71;background:#f4f6ee;padding:16px;border-radius:7px;margin:20px 0}.detail-actions{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.download{margin:7px 10px 7px 0;max-width:100%;white-space:normal}.download small{color:#9aab8b}.dialog-inner video{width:100%;max-height:350px;background:#222d25;border-radius:8px;margin:15px 0}.delete-area{border-top:1px solid #e9ede1;margin-top:25px;padding-top:15px;display:flex;align-items:center;gap:10px;font-size:11px;flex-wrap:wrap}.text-button{font-size:11px;display:inline-flex;align-items:center;gap:7px;color:#859673;padding:8px 0}.danger{color:#b46d52}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:9px;background:#293b29;color:#fff;padding:14px 20px;box-shadow:0 8px 25px #24372430;display:flex;gap:10px;align-items:center;font-size:12px;z-index:200;max-width:90vw}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){main{padding-top:45px}.hero{min-height:310px}.hero-copy{padding:38px 45px}.hero h1{font-size:34px}.category-card{padding:25px}.category-card h3{font-size:15px}.category-card p{font-size:12px}.stats div div>span{font-size:11px}}
@media(max-width:1150px){.sidebar{width:220px;padding-left:16px;padding-right:16px}.workspace{margin-left:220px;width:calc(100% - 220px)}header{padding:0 26px}main{padding:28px 26px 0}h1{font-size:24px}.hero-copy{padding:28px}.hero h1{font-size:26px}.hero-art{transform:scale(.85);transform-origin:right center;width:36%}.hero-copy p{max-width:90%}.stats>div{padding:0 14px;gap:9px}.stat-icon{width:31px;height:31px}.stats strong{font-size:20px}.stats div div>span{font-size:8px}.category-card{padding:17px}.page-heading .primary{font-size:10px;padding:11px 13px}.category-grid{gap:10px}.hero-copy{width:70%}}
@media(max-width:900px){.sidebar{width:195px;padding:28px 12px 0}.brand{font-size:23px;margin:0 6px}.brand small{font-size:6px}.brand-mark{width:34px;height:38px}.space-tag{font-size:8px}nav button{font-size:11px;padding:12px 10px}.workspace{margin-left:195px;width:calc(100% - 195px)}main{padding:26px 22px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:17px}.category-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stats>div:nth-child(2){border:0}.stats>div{padding-left:22px}.hero-art{opacity:.4;right:-40px}.hero-copy{width:100%}.hero-copy p{max-width:80%}.hero-copy h1{font-size:26px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:18px}.guide-top{margin-bottom:12px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1}.material-grid{grid-template-columns:repeat(2,1fr)}.private-label{display:none}.progress-banner{flex-wrap:wrap}.progress-score{margin:0}.knowledge-tip{padding:13px}.knowledge-tip>span{font-size:13px}.knowledge-tip button{font-size:8px}}
@media(max-width:640px){.sidebar{display:none;width:250px;box-shadow:15px 0 60px #1b291933}.sidebar.open{display:flex}.workspace{margin:0;width:100%}header{height:60px;padding:0 20px;gap:15px}.mobile-toggle{display:flex;padding:0}.breadcrumb{font-size:9px;gap:7px;margin-right:auto}.header-right{gap:0}.avatar.small{width:26px;height:26px;font-size:9px}main{padding:25px 18px 0}h1{font-size:25px;letter-spacing:-.7px}.page-heading p{font-size:11px;line-height:1.8}.eyebrow{font-size:8px}.hero{min-height:280px}.hero-copy{padding:27px 22px}.hero-label{font-size:7px;letter-spacing:1.2px}.hero h1{font-size:25px}.hero p{max-width:93%;font-size:10px}.hero-art{opacity:.2;right:-60px;transform:scale(.7)}.desktop{display:none}.stats{margin-top:16px;padding:18px 0;gap:22px}.stats>div{padding:0 14px}.stats div div>span{font-size:9px}.stats strong{font-size:22px}.stat-icon{width:33px;height:33px}.section-heading h2{font-size:16px}.section-heading button{font-size:9px}.category-card{padding:16px 13px}.category-card h3{font-size:12px;line-height:1.5}.category-card p{line-height:1.7;height:34px;font-size:9px;margin-bottom:11px}.category-card>div{margin-bottom:14px}.category-icon{height:31px;width:31px}.category-arrow{width:14px}.category-card .material-count{font-size:8px}.category-section .section-heading{gap:5px}.material-grid{grid-template-columns:1fr}.material-cover{height:144px}.guide-grid{gap:10px}.guide-card h3{font-size:14px}.guide-card p{font-size:11px}.empty{padding:26px 18px}.empty h3{font-size:14px}.tabs{gap:17px}.tabs button{font-size:10px}.filters select{min-width:130px}.dialog-inner{padding:28px 20px}.dialog-inner>h2{font-size:23px}.form-row{grid-template-columns:1fr;gap:0}.close{right:12px;top:15px}.detail-actions{gap:9px}.detail-actions button{font-size:10px}.progress-banner{padding:20px;gap:15px}.progress-banner p{line-height:1.8}footer{font-size:8px}footer>span:last-child{display:none}.section-heading .muted{font-size:8px}.toast{min-width:260px;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.spin{animation:none}}
/* Литум: оформление в стиле корпоративного Департамента счастья. */
:root{--ink:#14201b;--muted:#718073;--line:#e4e9df;--cream:#f7f9f4;--accent:#4d8c3f;--green:#4d8c3f}body{font-family:Inter,'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse at 0 15%,#dcebd766,transparent 28%),radial-gradient(ellipse at 100% 7%,#dcebd788,transparent 26%),#f8faf6}.shell{display:block;max-width:1440px;margin:auto;padding:0 36px}.workspace{margin:0;width:100%}.site-header{height:94px;max-width:none;padding:0 8px;display:flex;gap:30px;align-items:center;border:0;background:transparent}.brand{display:flex;gap:16px;margin:0;align-items:center;letter-spacing:0;min-width:240px}.brand>img{width:160px;height:54px;object-fit:contain}.brand-caption{border-left:1px solid #b7c4b0;padding-left:13px;font-size:10px;line-height:1.25;font-weight:500;color:#72806d}.top-nav{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:22px;flex:1}.top-nav button{padding:10px 0;font-size:12px;border-radius:0;color:#677266;white-space:nowrap;position:relative;font-weight:500;gap:4px}.top-nav button.active{background:transparent;color:#1b2d1b;font-weight:700}.top-nav button.active:after{position:absolute;bottom:2px;left:0;right:0;content:'';height:2px;background:var(--green)}.top-nav button:hover{background:none;color:var(--green)}.top-nav .nav-count{font-size:9px;background:#e4efd9;margin-left:3px}.cabinet{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;padding:12px 20px;font-size:11px;font-weight:700;background:#edf3e8;border:1px solid #e1eadb;border-radius:999px}.cabinet svg{color:#4d813d}.cabinet:hover{background:#e0eed7}.mobile-toggle{display:none}main{padding:0 8px;max-width:none}.page-heading{padding-top:38px}.home-heading{display:none}.eyebrow{color:#7e8c76;letter-spacing:2px}.page-heading h1{font-size:36px}.page-heading p{font-size:13px}.primary{background:linear-gradient(180deg,#609b4f,#3f7e37);border-radius:999px;padding:13px 22px;font-weight:700;font-size:12px;box-shadow:0 7px 17px #3f803819}.primary:hover{background:linear-gradient(180deg,#528d44,#34712d)}.outline{border-radius:999px;border-color:#dce5d6;font-size:11px}.hero{min-height:440px;display:grid;grid-template-columns:49% 51%;overflow:hidden;isolation:isolate;border-radius:0 0 30px 30px;background:linear-gradient(180deg,#ffffffbb,#f4f8f0cc);color:var(--ink);position:relative}.hero-watermark{position:absolute;left:36%;top:6px;font-size:170px;font-weight:800;letter-spacing:-9px;line-height:1;color:#e9eee4;z-index:-1;pointer-events:none}.hero-copy{padding:52px 0 30px 22px;width:auto;align-self:center;z-index:3}.hero-label{color:#73816a;font-size:9px;letter-spacing:2.5px;margin-bottom:24px;gap:17px}.hero-label i{width:36px;height:1px;background:#809c70}.hero h1{font-size:56px;line-height:1.02;letter-spacing:-2.8px;font-weight:800;margin-bottom:23px}.hero h1 em{font-style:normal;color:#4d8c3f}.hero-smile{color:#4d8c3f;display:inline-block;font-size:47px;font-weight:400;margin-left:15px;transform:rotate(10deg)}.hero-copy p{font-size:16px;color:#5c6b57;line-height:1.6;max-width:none;margin-bottom:27px}.hero-actions{display:flex;gap:24px;align-items:center}.hero-actions>button:first-child{border-radius:999px;background:linear-gradient(180deg,#639d50,#3f7e37);color:white;font-size:13px;font-weight:700;display:flex;gap:18px;padding:16px 24px;box-shadow:0 8px 20px #3f80381c}.hero-actions>button:first-child:hover{background:#3f7e37}.hero .watch-link{background:none;color:#64735b;display:flex;gap:10px;font-size:10px;line-height:1.5;font-weight:500;padding:0;text-align:left}.watch-link>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e5f1dd;color:#488039;flex-shrink:0}.hero-values{display:flex;gap:27px;margin-top:30px}.hero-values>span{display:flex;gap:10px;align-items:center;font-size:10px;color:#69775f;line-height:1.5}.hero-values i{width:37px;height:37px;border-radius:50%;background:#e9f3e0;display:grid;place-items:center;color:#558442;font-style:normal;flex-shrink:0}.hero-visual{position:relative;min-height:440px;align-self:stretch;z-index:1;padding-top:28px;display:flex;align-items:flex-end;justify-content:center}.hero-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 55%,#d2e5caa6,transparent 68%);z-index:-1}.hero-visual img{width:100%;height:400px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 28px #1a30181a);position:relative}.project-label{position:absolute;bottom:26px;left:15px;z-index:3;background:#ffffffed;border:1px solid white;box-shadow:0 12px 40px #42553913;backdrop-filter:blur(12px);border-radius:19px;padding:17px 20px;min-width:170px}.project-label>span{font-size:7px;letter-spacing:1.7px;color:#88927b}.project-label strong{display:block;font-size:18px;letter-spacing:-.3px;margin:6px 0;color:#304928}.project-label small{font-size:9px;color:#8c977e;display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-quote{position:absolute;top:68px;right:13px;z-index:4;border:1px solid #fff;border-radius:22px;padding:22px 20px;background:#ffffffdd;backdrop-filter:blur(15px);box-shadow:0 12px 35px #4b634415;font-size:14px;font-style:italic;line-height:1.55;color:#41543b}.hero-quote>span{display:block;font-size:10px;font-weight:700;font-style:normal;padding-top:13px;margin-top:14px;border-top:2px solid #769566;width:max-content}.hand-note{position:absolute;right:5px;bottom:20px;z-index:4;color:#657b57;font-family:'Segoe Print',cursive;font-size:15px;line-height:1.6;transform:rotate(-7deg)}.stats{border-radius:24px;margin:22px 0 18px;padding:23px 6px;box-shadow:0 12px 40px #2a452307}.stats strong{color:#387536;font-size:27px}.stat-icon{background:#edf5e7;color:#528544;border-radius:50%;width:44px;height:44px}.stats div div>span{font-size:11px;color:#87947f}.category-section,.catalog,.guide-section{background:#ffffffeb;border:1px solid var(--line);border-radius:25px;box-shadow:0 12px 40px #2a452306;padding:25px;margin-top:18px}.section-heading{margin-bottom:21px}.section-heading h2{font-size:24px;letter-spacing:-.8px;font-weight:700}.section-heading button{font-size:11px;color:#648158}.section-sub{font-size:11px}.category-grid{grid-template-columns:repeat(6,1fr);gap:10px}.category-card{padding:18px 14px;min-height:180px;border:1px solid #e6ecdf;border-radius:18px;background:#f2f7ed}.category-card:nth-child(3n+2){background:#fbf3eb}.category-card:nth-child(3n+3){background:#f1f0f8}.category-card>div{position:relative;margin-bottom:18px}.category-icon{background:#ffffffcc!important;border:1px solid #e5ebdf;color:#608447!important;border-radius:50%;width:42px;height:42px}.category-arrow{color:#74915f;height:21px;width:21px}.category-card h3{font-size:13px;margin-bottom:9px;line-height:1.4;min-height:36px}.category-card p{font-size:10px;line-height:1.5;min-height:30px;margin-bottom:18px;color:#8a9780}.material-count{font-size:9px;color:#859776}.category-card:hover{box-shadow:0 12px 30px #3b5a2b0f;border-color:#bfd1b3}.category-section .section-heading>button{color:#809673}.filters{margin-top:5px}.filters select,.search{border-radius:13px;background:#fafcf7}.search input{font-size:12px;padding:13px 0}.filters select{font-size:11px}.tabs{gap:25px}.tabs button{font-size:12px}.tabs .selected{border-color:#4d8c3f;color:#3c7332}.empty{border-radius:19px;background:linear-gradient(135deg,#fcfdfb,#f5f8f0);min-height:190px;border:1px dashed #d9e4cf}.empty-icon{border-radius:50%;background:#e7f1df;color:#678f53}.empty h3{font-size:17px}.empty p{font-size:12px}.material-card{border-radius:18px}.material-cover{background:#e9f2e0}.material-details h3{font-size:16px}.material-details p{font-size:12px;line-height:1.6;height:39px}.bookmark{color:#5c8848}.bookmark.saved{color:#427b35}.guide-card{border-radius:18px;background:#f1f6eb;border-color:#e4ecda;min-height:175px}.guide-card:nth-child(2){background:#fbf3e9;border-color:#f1e7da}.guide-card:nth-child(3){background:#f1f0f8;border-color:#e8e5f1}.guide-card h3{font-size:16px}.guide-card p{font-size:12px}.guide-top{margin-bottom:18px}.guide-card small{font-size:10px}.progress-banner{border-radius:24px;background:#edf5e6;color:#6a8957;margin-top:8px}.progress-banner h2{font-size:21px}.progress-track span{background:#4d8c3f}footer{margin-top:26px;padding:25px 8px 30px;align-items:center;gap:22px;border-top:0;font-size:10px;line-height:1.7}.footer-logo img{width:135px;height:45px;object-fit:contain}.footer-note{font-family:'Segoe Print',cursive;font-size:15px;color:#728868}.footer-logo{display:flex}footer>span:last-child{text-align:right;color:#919d86}footer>span:last-child a{color:#62884c;text-decoration:underline;text-underline-offset:3px}dialog{border-radius:25px;border-color:#e3eadb}.dialog-inner{padding:35px}.dialog-inner input,.dialog-inner select,.dialog-inner textarea{border-radius:12px;background:#fafcf6}.dialog-inner .file-drop{border-radius:17px;background:#f1f7ea}.detail-description{border-radius:15px}.toast{background:#3a7731;border-radius:17px}.form-actions{padding-top:10px}.detail-actions{padding-top:10px}
@media(min-width:1500px){main{padding:0 8px}.hero{min-height:470px}.hero-copy{padding:55px 0 35px 35px}.hero h1{font-size:64px}.hero-visual{min-height:470px}.hero-visual img{height:430px}.category-card{padding:20px 15px}.category-card h3{font-size:14px}.category-card p{font-size:11px}.hero-quote{right:22px}}
@media(max-width:1200px){.shell{padding:0 25px}.site-header{gap:20px}.brand{min-width:205px;gap:11px}.brand>img{width:132px}.brand-caption{font-size:9px;padding-left:10px}.top-nav{gap:16px}.top-nav button{font-size:11px}.cabinet{padding:10px 13px;font-size:10px;gap:7px}.hero h1{font-size:52px}.hero-copy{padding-left:20px}.hero-copy p{font-size:14px}.hero-actions{gap:18px}.hero-actions>button:first-child{font-size:12px;padding:14px 19px}.hero-values{gap:20px}.hero-quote{font-size:12px;padding:19px 16px;right:10px;top:65px}.hand-note{font-size:13px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card{min-height:160px;padding:18px}.category-card h3{min-height:0;font-size:14px}.category-card p{min-height:0;margin-bottom:14px}.category-card>div{margin-bottom:15px}.category-card .category-arrow{background:white;border-radius:50%;border:1px solid #e1ead8;padding:5px;height:29px;width:29px}.stats div div>span{font-size:10px}.stats strong{font-size:25px}.stats>div{gap:12px;padding:0 17px}.stat-icon{width:38px;height:38px}.stats{margin-bottom:18px}.hero-smile{font-size:40px}.hero-visual img{height:390px}}
@media(max-width:1000px){.site-header{height:auto;flex-wrap:wrap;padding:20px 8px 10px;gap:16px}.top-nav{order:3;flex-basis:100%;justify-content:flex-start;gap:26px;border-top:1px solid #e7ecdf;padding-top:10px}.brand{margin-right:auto}.cabinet{font-size:11px;padding:11px 18px}.top-nav button{font-size:12px}.hero{grid-template-columns:51% 49%;min-height:415px}.hero h1{font-size:49px}.hero-copy p{font-size:13px}.hero-copy{padding:43px 0 26px 15px}.hero-label{font-size:8px;letter-spacing:1.8px}.hero-visual{min-height:415px}.hero-visual img{height:350px}.hero-quote{top:47px;right:0;font-size:11px;padding:16px}.hero-values{gap:15px;margin-top:26px}.hero-values>span{font-size:9px;gap:7px}.hero-values i{width:31px;height:31px}.hero-values svg{height:19px;width:19px}.hero .watch-link{font-size:9px;gap:7px}.watch-link>span{width:35px;height:35px}.hero-actions{gap:15px}.hero-actions>button:first-child{padding:13px 16px;font-size:11px;gap:10px}.hero-actions svg{width:17px}.hero-watermark{font-size:145px;left:38%}.hand-note{font-size:11px;right:2px;bottom:16px}.project-label{bottom:24px;left:0;padding:14px 16px;min-width:150px}.project-label strong{font-size:16px}.stats{grid-template-columns:repeat(4,1fr);gap:0}.stats>div{padding:0 12px;gap:8px}.stats>div:nth-child(2){border-right:1px solid var(--line)}.stats div div>span{font-size:8px}.stat-icon{width:31px;height:31px}.stats strong{font-size:23px}.category-grid{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:repeat(3,1fr)}.guide-card{padding:17px}.guide-card h3{font-size:14px}.guide-card p{font-size:10px}.section-heading h2{font-size:23px}.page-heading{padding-top:25px}.page-heading h1{font-size:32px}.material-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell{padding:0 16px}.top-nav{gap:20px;overflow:auto;justify-content:flex-start;scrollbar-width:none}.top-nav button{font-size:11px}.hero{grid-template-columns:1fr;min-height:auto;overflow:hidden}.hero-copy{padding:35px 20px 20px}.hero h1{font-size:53px}.hero-copy p{font-size:15px;max-width:85%}.hero-values{gap:24px}.hero-values>span{font-size:11px}.hero-values i{width:38px;height:38px}.hero-actions>button:first-child{font-size:13px;padding:15px 21px}.hero .watch-link{font-size:10px}.hero-watermark{top:22px;left:25%;font-size:135px}.hero-visual{min-height:330px;padding:0 15px}.hero-visual img{height:340px;max-width:500px}.hero-quote{top:auto;right:22px;bottom:212px;font-size:12px}.hand-note{bottom:25px;right:22px;font-size:15px}.project-label{left:30px;bottom:25px}.stats{grid-template-columns:repeat(2,1fr);gap:22px;padding:24px 6px}.stats>div{padding:0 20px;gap:12px}.stats>div:nth-child(2){border:0}.stats div div>span{font-size:10px}.stats strong{font-size:27px}.stat-icon{width:38px;height:38px}.category-section,.catalog,.guide-section{padding:22px 18px;border-radius:23px}.category-grid{grid-template-columns:repeat(2,1fr)}.material-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:auto;padding:20px}.guide-card h3{font-size:16px}.guide-card p{font-size:12px}.guide-top{margin-bottom:16px}.section-heading h2{font-size:22px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1}.footer-note{font-size:12px}footer{flex-wrap:wrap}.footer-logo img{width:110px}footer>span:last-child{display:none}.section-heading .muted{font-size:9px}.page-heading p{font-size:12px;line-height:1.7}}
@media(max-width:480px){.shell{padding:0 12px}.site-header{padding:16px 4px 10px;gap:12px}.brand{min-width:auto;gap:10px}.brand>img{width:115px;height:41px}.brand-caption{font-size:8px;padding-left:9px}.cabinet{width:37px;height:37px;padding:0}.cabinet>span{display:none}.top-nav{gap:18px;padding-top:8px}.top-nav button{font-size:10px;padding:10px 0}.hero{border-radius:0 0 26px 26px}.hero-copy{padding:27px 12px 14px}.hero h1{font-size:46px;letter-spacing:-2.3px;margin-bottom:20px}.hero-smile{font-size:36px;margin-left:12px}.hero-label{font-size:7px;letter-spacing:1.8px;margin-bottom:20px;gap:9px}.hero-label i{width:22px}.hero-copy p{font-size:13px;max-width:100%;line-height:1.7;margin-bottom:23px}.hero-actions{gap:17px}.hero-actions>button:first-child{font-size:11px;padding:14px 17px;gap:11px}.hero .watch-link{font-size:9px;line-height:1.5;gap:7px}.watch-link>span{width:33px;height:33px}.hero-values{gap:16px;margin-top:23px}.hero-values>span{font-size:9px;gap:8px}.hero-values i{width:32px;height:32px}.hero-visual{min-height:280px;padding:0}.hero-visual img{height:280px;max-width:none;width:100%}.hero-quote{display:none}.hand-note{font-size:11px;right:4px;bottom:21px}.project-label{left:10px;bottom:17px;padding:12px 14px;min-width:144px;border-radius:15px}.project-label strong{font-size:15px}.hero-watermark{font-size:102px;letter-spacing:-5px;left:21%;top:18px}.stats{border-radius:21px;padding:22px 4px;margin-top:17px}.stats>div{padding:0 12px;gap:10px}.stats strong{font-size:25px}.stats div div>span{font-size:9px}.stat-icon{width:33px;height:33px}.category-section,.catalog,.guide-section{padding:21px 14px;margin-top:15px;border-radius:22px}.category-grid{gap:9px}.category-card{padding:15px 13px;min-height:172px;border-radius:16px}.category-card h3{font-size:12px;min-height:34px;margin:0 0 8px}.category-card p{font-size:9px;min-height:30px;margin-bottom:12px;line-height:1.5;height:auto}.category-icon{width:36px;height:36px}.category-card .category-arrow{height:25px;width:25px}.material-count{font-size:8px}.section-heading{gap:9px;margin-bottom:19px}.section-heading h2{font-size:19px;letter-spacing:-.6px}.section-heading button{font-size:9px;gap:5px}.section-sub{font-size:10px;line-height:1.6}.material-grid{grid-template-columns:1fr}.filters select{font-size:10px;min-width:115px}.tabs{gap:15px}.tabs button{font-size:10px}.empty{padding:25px 14px;border-radius:17px}.empty h3{font-size:15px;line-height:1.5}.empty p{font-size:11px}.empty .outline{font-size:10px}.guide-card{padding:18px}.guide-card h3{font-size:15px}.guide-card p{font-size:11px}footer{padding:20px 5px 25px;gap:10px;margin-top:15px}.footer-logo img{width:100px;height:35px}.footer-note{font-size:10px;max-width:155px}.page-heading{gap:17px;margin-bottom:22px;padding-top:25px}.page-heading h1{font-size:29px}.page-heading .primary{font-size:11px;padding:12px 18px}.dialog-inner{padding:28px 20px}.detail-actions{gap:9px}.detail-actions button{font-size:10px}.progress-banner{margin-top:10px}.progress-banner h2{font-size:19px}.progress-banner p{font-size:11px}}
.hero-visual img{width:auto;max-width:100%;height:435px;object-fit:contain;mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 3%,#000 88%,transparent 100%);mask-composite:intersect}.hero-visual{padding-top:0}.project-label{bottom:23px;left:10px}.hero-quote{right:8px}.hand-note{font-size:13px;right:4px;bottom:17px}
@media(min-width:1500px){.hero-visual img{height:470px}}
@media(max-width:1000px){.hero-visual img{height:410px}.hero-copy h1{font-size:49px}}
@media(max-width:760px){.hero-visual img{height:370px;max-width:100%;width:auto}.hero-visual{min-height:365px}.hero-quote{bottom:232px}.hand-note{right:22px;font-size:14px}.project-label{left:25px}}
@media(max-width:480px){.hero-visual img{height:330px;width:auto;max-width:100%}.hero-visual{min-height:325px}.hero-copy h1{font-size:46px}.hand-note{right:4px;font-size:11px}.project-label{left:10px}}
.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:125px 20px 75px;overflow:hidden;background:radial-gradient(ellipse at 5% 30%,#dbeccfa6,transparent 36%),radial-gradient(ellipse at 100% 70%,#dbeccf88,transparent 35%),#f9fbf6}.login-brand{position:absolute;top:25px;left:6%;display:flex;align-items:center;gap:20px;font-size:11px;color:#71836a}.login-brand img{width:165px;height:55px;object-fit:contain}.login-brand>span{border-left:1px solid #b4c8a8;padding-left:18px}.login-watermark{position:absolute;top:90px;left:25%;color:#eaf0e4;font-size:180px;font-weight:800;letter-spacing:-8px;pointer-events:none}.login-card{position:relative;background:#ffffffed;border:1px solid #e5eddd;border-radius:30px;box-shadow:0 25px 80px #27482113;width:min(490px,100%);padding:35px 40px;text-align:center}.login-lock{display:grid;place-items:center;width:58px;height:58px;background:#ecf5e5;border-radius:50%;color:#4d8c3f;font-size:32px;font-weight:500;margin:0 auto 20px}.login-card h1{font-size:43px;line-height:1.15;letter-spacing:-1.7px;margin-bottom:17px}.login-card h1 em{font-style:normal;color:#4d8c3f}.login-card>p{color:#819174;font-size:13px;line-height:1.8;margin-bottom:23px}.login-card label{display:block;text-align:left;font-size:11px;font-weight:600;margin:15px 0;color:#617452}.login-card label small{font-size:9px;color:#99a58e;font-weight:400}.login-card input{display:block;border:1px solid #dce7d2;background:#fafcf6;border-radius:12px;padding:13px 15px;width:100%;margin-top:8px;font-size:13px}.login-card .primary{width:100%;margin-top:13px;font-size:14px;padding:16px;justify-content:space-between}.login-note{display:block;color:#9aa68e;font-size:9px;line-height:1.7;margin-top:20px}.login-error{padding:12px;color:#a1523c;background:#fff1e9;border-radius:10px;font-size:12px}.login-footer{position:absolute;bottom:28px;margin:0;border:0;font-size:11px;color:#8fa27f;letter-spacing:2px}.login-card .eyebrow{font-size:8px;margin-bottom:12px}@media(max-width:520px){.login-page{padding:110px 17px 60px}.login-brand{top:20px;left:20px;gap:13px}.login-brand img{width:140px}.login-brand>span{font-size:9px;padding-left:12px}.login-card{padding:28px 23px;border-radius:25px}.login-card h1{font-size:38px}.login-watermark{font-size:95px;left:10%;top:80px}.login-card>p{font-size:12px}.login-card label small{display:block;margin-top:3px}}