@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#172635;font-family:system,'Segoe UI',sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3785f1;outline-offset:3px}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid #e8ebee;z-index:4;display:flex;flex-direction:column;padding:32px 22px 20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;letter-spacing:-1px}.brand-icon{background:#1f61c9;color:#fff;padding:4px 11px;font-weight:700;font-size:29px;position:relative;border-radius:7px}.brand-icon span{position:absolute;font-size:15px;top:0;right:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#84909c;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#8d99a4;margin:48px 8px 15px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:#6a7582;text-align:left;padding:14px 12px;margin:4px 0;border-radius:6px;font-size:12px}.nav-item span{font-size:20px;width:20px}.nav-item.active{background:#edf3fd;color:#1859bc;font-weight:650}.side-note{margin-top:auto;padding:30px 12px}.file-badge{display:inline-flex;padding:7px 8px;border:1px solid #bfcee1;background:#f0f5fc;border-radius:5px;color:#225fae;font-weight:700;font-size:12px;letter-spacing:1px}.side-note h3{font-size:17px;font-weight:550;line-height:1.4;margin:17px 0 8px}.side-note p{font-size:11px;line-height:1.7;color:#7f8b98}.side-bottom{padding-top:18px;border-top:1px solid #eee;display:flex;gap:10px;align-items:center}.avatar{background:#eef1f4;border-radius:100%;padding:10px;color:#62768d;font-size:10px}.side-bottom strong{font-size:10px;display:block}.side-bottom small{font-size:9px;color:#8d99a4;display:block;margin-top:4px}.workspace{margin-left:235px}header{height:78px;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;padding:0 42px}.breadcrumb{font-size:10px;letter-spacing:1px;color:#9aa4af}.breadcrumb span{margin:0 18px;color:#c7cdd4}.breadcrumb strong{color:#4d5c6b;font-weight:500;letter-spacing:0}.access-tag{font-size:9px;letter-spacing:1px;background:#edf4ed;color:#5a785e;border-radius:3px;padding:7px 10px}.header-actions{display:flex;align-items:center;gap:15px}.text-button{border:0;background:none;color:#64748b;font-size:12px}main{max-width:1480px;margin:auto;padding:42px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#668099;margin:0 0 12px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}h1{font-size:clamp(27px,3.1vw,44px);font-weight:550;line-height:1.15;letter-spacing:-1.6px;margin:0}.intro-copy{font-size:12px;color:#8b959e;line-height:1.8;text-align:right;margin:0 0 3px}.hero{position:relative;min-height:340px;border-radius:9px;overflow:hidden;background:#152534;color:#fff}.hero>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d1d2ce8 0%,#122639ab 35%,#0d192400 80%),linear-gradient(0deg,#0d1d2c7a,transparent 40%)}.hero-content{position:relative;padding:34px;max-width:450px}.hero-tag{font-size:8px;letter-spacing:1.6px;color:#dce6ed;border:1px solid #c5d2df55;border-radius:3px;padding:6px 8px}.hero h2{font-size:37px;line-height:1.15;letter-spacing:-.8px;font-weight:500;margin:21px 0 12px}.hero p{font-size:11px;line-height:1.8;color:#d5dce4;margin-bottom:22px}.primary{border:0;border-radius:4px;background:#2565c4;color:white;padding:13px 18px;font-size:11px;display:inline-flex;justify-content:space-between;gap:25px;align-items:center}.primary:hover{background:#164d9f}.hero .primary{background:white;color:#213b52}.hero-caption{display:flex;justify-content:space-between;position:relative;padding:0 34px 18px;font-size:7px;letter-spacing:1.7px;color:#d0dbe6}.hero-caption span{color:#fff9}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #e6eaf0;border-radius:7px;margin:18px 0 45px;padding:18px 0}.stats>div{padding:0 25px;border-right:1px solid #e9edf2;display:flex;align-items:center;gap:13px}.stats>div:last-child{border:0}.stats strong{font-size:25px;font-weight:550;color:#1e3b58;white-space:nowrap}.stats span{font-size:10px;color:#8c98a5;max-width:145px;line-height:1.5}.library-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}h2{font-size:24px;letter-spacing:-.6px;font-weight:550;margin:0}.result-count{font-size:10px;color:#8998a4}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dfe5eb}.tabs{display:flex;gap:26px}.tab{border:0;background:transparent;padding:15px 0;font-size:11px;color:#84909c;border-bottom:2px solid transparent}.tab.active{border-color:#2865c6;color:#2865c6;font-weight:650}.search{display:flex;align-items:center;gap:9px;border:1px solid #e0e5ea;border-radius:5px;padding:8px 12px;background:white;margin-bottom:5px}.search>span{font-size:20px;color:#8694a3}.search input{border:0;outline:0;background:none;font-size:10px;width:190px;color:#374658}.search kbd{color:#98a6b4;font-size:10px;border:1px solid #edf0f4;padding:0 5px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.categories{display:flex;gap:7px;flex-wrap:wrap}.category{background:white;border:1px solid #e2e7ed;border-radius:4px;padding:7px 11px;font-size:10px;color:#8996a4}.category.active{background:#243c54;border-color:#243c54;color:#fff}#favorite-note{font-size:10px;color:#6e8195}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.card{background:#fff;border:1px solid #e3e8ee;border-radius:7px;overflow:hidden;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #182d4710}.card-visual{height:180px;position:relative;background:#edf2f7}.card-visual img{width:100%;height:100%;object-fit:cover}.favorite{position:absolute;top:10px;right:10px;border:0;border-radius:100%;background:#fffc;width:29px;height:29px;color:#3e536a;font-size:19px;line-height:29px}.favorite.saved{color:#2467ca;background:#fff}.card-tag{position:absolute;left:10px;top:12px;background:#183348cc;color:#fff;padding:5px 6px;border-radius:3px;font-size:7px;letter-spacing:1px}.card-body{padding:17px}.card-code{font-size:8px;letter-spacing:1.2px;color:#95a2ae;margin:0 0 7px}.card h3{font-size:14px;font-weight:550;letter-spacing:-.2px;margin:0 0 7px;line-height:1.4}.card-description{font-size:10px;line-height:1.7;color:#8a96a2;margin:0 0 16px;min-height:32px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f5;padding-top:12px;gap:12px}.format{font-size:8px;color:#9ba6b1;letter-spacing:.5px}.open-card{background:none;border:0;color:#2a5f9c;font-size:10px;padding:3px 0}.collection-visual{height:122px;background-color:#ecf2f8;background-image:linear-gradient(#3972aa0a 1px,transparent 1px),linear-gradient(90deg,#3972aa0a 1px,transparent 1px);background-size:15px 15px;display:flex;align-items:center;padding:23px;color:#2f5d8c;position:relative}.collection-glyph{font-size:44px;line-height:1;opacity:.65}.collection-label{font-size:8px;font-weight:700;letter-spacing:1.5px;margin-left:15px;max-width:100px;line-height:1.8}.collection-card .card-description{min-height:33px}.release-note{font-size:9px;color:#a17b40}.academy{margin-top:45px;display:flex;align-items:center;gap:25px;border:1px solid #dce3eb;background:#eef1f6;border-radius:7px;padding:26px}.academy-mark{font-family:Georgia,serif;font-size:40px;color:#93a2b4;position:relative;padding-right:10px}.academy-mark span{font:20px system;position:absolute;top:-5px;right:0}.academy h3{font-size:17px;font-weight:500;margin:0 0 7px}.academy p:not(.eyebrow){font-size:11px;color:#8995a3;margin:0;line-height:1.6}.academy .eyebrow{font-size:8px;margin-bottom:7px}footer{display:flex;justify-content:space-between;border-top:1px solid #e2e7ee;margin-top:35px;padding-top:22px;gap:25px;color:#9ba6b0;font-size:8px;line-height:1.7}footer>span{letter-spacing:1px;white-space:nowrap}footer p{max-width:460px;text-align:right;margin:0}#preview{background:#193b68;color:white;text-align:center;font-size:9px;font-weight:600;letter-spacing:1px;padding:9px;position:relative;z-index:8}#preview span{font-weight:400;letter-spacing:0;margin-left:15px;color:#c4d7ed}body.preview .sidebar{top:30px}#empty{padding:60px 15px;text-align:center;color:#748699}.secondary{border:1px solid #cbd7e4;background:white;padding:11px 16px;border-radius:4px;color:#335473;font-size:12px}.loading,.fatal{padding:80px 42px;text-align:center;color:#6d8093}.login{margin:60px 42px;display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:white;border:1px solid #e0e6ed;border-radius:10px;overflow:hidden}.login>div{padding:40px}.login>img{width:100%;height:100%;object-fit:cover}.login h1{font-size:36px;margin:20px 0}.login .eyebrow{margin-top:25px}.login p:not(.eyebrow){font-size:12px;line-height:1.8;color:#7f8ea0}.login input{display:block;width:100%;border:1px solid #d5dfeb;border-radius:5px;padding:13px;margin:8px 0 16px;font-size:13px}.login label,.login small{font-size:10px;color:#7d8e9f}.login .primary{width:100%;margin-bottom:10px}dialog{border:0;border-radius:10px;padding:0;width:min(780px,calc(100% - 30px));max-height:90vh;color:#243c54;box-shadow:0 25px 90px #0005}dialog::backdrop{background:#0d1c2caa;backdrop-filter:blur(3px)}dialog>img{width:100%;max-height:380px;object-fit:cover;display:block}.close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:100%;background:#fffffff0;font-size:23px;color:#2c455e}.detail-body{padding:27px}.detail-body>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#7d8c9b}.detail-meta{display:flex;gap:12px;align-items:center;margin:16px 0}.detail-meta p{font-size:12px}.detail-body .primary{margin:8px 0}.muted{display:block;font-size:10px;color:#97a4b0;margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173652;color:white;border-radius:7px;max-width:90%;padding:14px 20px;font-size:12px;z-index:50;box-shadow:0 4px 20px #0002}
@media(min-width:1500px){.card-visual{height:220px}.hero{min-height:410px}.hero-content{padding:50px}.hero h2{font-size:44px}}
@media(max-width:1100px){.sidebar{width:205px;padding:25px 15px}.workspace{margin-left:205px}main{padding:30px 25px}header{padding:0 25px}.grid{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.intro-copy{display:none}.stats>div{padding:0 15px;gap:10px}.stats span{font-size:9px}.stats strong{font-size:22px}.search input{width:150px}.tabs{gap:18px}.hero-content{max-width:370px}.login{margin:35px 25px}.login>div{padding:25px}.login>img{display:none}.login{grid-template-columns:1fr}.login h1{font-size:32px}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:17px 19px 0;display:block;border:0}.brand{font-size:22px}.brand-icon{font-size:26px}.sidebar nav{display:flex;margin-top:17px;overflow:auto;gap:8px}.nav-item{white-space:nowrap;font-size:10px;padding:9px;justify-content:center}.nav-item span{font-size:16px;width:15px}.nav-label,.side-note,.side-bottom{display:none}.workspace{margin-left:0}header{height:50px;padding:0 20px}.breadcrumb{font-size:8px}.breadcrumb span{margin:0 9px}.access-tag{font-size:7px;padding:5px}.header-actions{gap:8px}main{padding:27px 19px}.eyebrow{font-size:8px}h1{font-size:31px;letter-spacing:-1px}.section-intro{margin-bottom:22px}.hero{min-height:330px}.hero-content{padding:27px 24px;max-width:330px}.hero h2{font-size:33px}.hero>img{object-position:65%}.hero-shade{background:linear-gradient(90deg,#0d1d2ceb 0%,#122639a6 65%,#0d192422)}.hero-caption{padding:0 24px 16px;font-size:6px}.hero-caption span{display:none}.stats{padding:15px 0;margin:15px 0 35px}.stats>div{display:block;padding:0 10px}.stats strong{display:block;font-size:23px;margin-bottom:5px}.stats span{font-size:8px;line-height:1.6;display:block}.library-heading{margin-bottom:15px}h2{font-size:22px}.result-count{font-size:9px}.toolbar{display:block;border:0}.tabs{border-bottom:1px solid #dfe5eb;margin-bottom:16px;gap:28px}.tab{font-size:11px;padding:12px 0}.search{width:100%;padding:9px 12px}.search input{width:100%;font-size:12px}.filter-row{margin:15px 0}.categories{gap:5px}.category{font-size:9px;padding:6px 8px}.grid{gap:14px}.card-visual{height:126px}.card-body{padding:12px}.card h3{font-size:12px}.card-description{font-size:9px;margin-bottom:12px}.card-code{font-size:7px}.card-bottom{gap:6px}.format{font-size:7px}.open-card{font-size:9px}.favorite{height:26px;width:26px;font-size:17px;line-height:26px}.card-tag{font-size:6px;padding:4px}.collection-visual{height:95px;padding:15px}.collection-glyph{font-size:33px}.collection-label{font-size:6px;margin-left:9px}.academy{padding:20px;gap:16px;margin-top:30px}.academy h3{font-size:14px}.academy p:not(.eyebrow){font-size:10px}.academy-mark{font-size:34px}footer{display:block;font-size:8px}footer p{text-align:left;margin-top:10px}#preview{font-size:8px;padding:8px 12px}#preview span{display:block;margin:4px 0 0;font-size:8px}body.preview .sidebar{top:auto}.login{margin:20px 19px}.login>div{padding:25px}.detail-body{padding:20px}.detail-body h2{font-size:22px}.filter-row #favorite-note{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}