@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;450;500;550;600&display=swap');
@import url('/style.css');
/* New product surfaces share the original Tavira design system. */
:root{--paper:#010101;--lime:#e8613f;color-scheme:dark}
img{max-width:100%}
.brand{display:flex;align-items:center;gap:8px;font:400 43px/1 var(--serif);letter-spacing:-1.9px}
.brand img{display:none}
.button:not(.secondary){background:var(--orange);color:#fff;border-color:#f27c5d}
.button:not(.secondary):hover{background:#f07350;box-shadow:0 0 28px #e8613f30}
.button.small{padding:10px 19px;font-size:12px;gap:9px}
.button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.text-link{display:inline-flex;gap:16px;align-items:center;padding:10px 0;font-size:12px;font-weight:400;color:#d79a81}
.text-link:hover{color:var(--orange)}
.site-nav{height:87px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;background:#010101de;border-bottom:1px solid #ffffff05;backdrop-filter:blur(16px)}
.site-nav nav{display:flex;gap:30px;font-size:12px}.site-nav nav a{color:#b6b6b6}.site-nav nav a:hover{color:var(--orange)}
.detail-page{padding:156px 0 80px;max-width:1100px;width:calc(100% - 160px);margin:auto}
.detail-page>h1{font:400 clamp(50px,5.4vw,80px)/1.04 var(--serif);letter-spacing:-.025em;white-space:normal;margin:25px 0 28px;max-width:880px}
.detail-page .lead{font-size:15px;line-height:1.8;color:var(--muted);max-width:620px;margin-bottom:60px}
.detail-row{display:grid;grid-template-columns:55px minmax(0,1fr);gap:30px;padding:32px 0;border-top:1px solid var(--line)}
.detail-row .number{font:10px var(--mono);color:var(--orange);padding-top:10px}
.detail-row h2{font-size:34px;margin:0 0 17px}.detail-row p{font-size:13px;line-height:1.85;max-width:780px;margin:0 0 15px}
.detail-page>.button{margin-top:35px}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}
.template-card{padding-bottom:25px;border-bottom:1px solid var(--line)}
.template-card iframe{border:1px solid var(--line);border-radius:12px;width:100%;aspect-ratio:16/9;background:#111}
.template-card h2{font-size:32px;margin:23px 0 14px}.template-card p{font-size:12px;line-height:1.8;max-width:480px}
.notice{font-size:12px;color:var(--muted);line-height:1.8}
.error{padding:15px;border-left:3px solid var(--orange);background:#e8613f0e;color:#ef947b;font-size:13px;line-height:1.7}
.loading{padding:40px;color:var(--muted)}
[hidden]{display:none!important}
@media(max-width:800px){.site-nav{padding:0 6%;height:70px}.site-nav nav{display:none}.brand{font-size:34px}.detail-page{width:calc(100% - 40px);padding-top:115px}.detail-page>h1{font-size:50px}.detail-row{grid-template-columns:28px minmax(0,1fr);gap:16px}.detail-row h2{font-size:30px}.template-grid{grid-template-columns:1fr}}
@media print{.sidebar,.workspace-bar,.tabs,.course-header,.back-link,#quiz-form,.text-link{display:none!important}.app-frame{margin:0}.certificate{border:1px solid #999;padding:60px;page-break-inside:avoid}#workspace-content{padding:0}}