:root{--ink:#252b25;--muted:#73776d;--primary:#2b5647;--primary2:#1f4034;--soft:#e8eee6;--line:#dedfd5;--panel:#fffef9;--bg:#f4f3ec;--shadow:none}body{background:var(--bg)}.btn{border-radius:6px;box-shadow:none;font-weight:600}.btn-primary{background:var(--primary);box-shadow:none}.btn-primary:hover{background:var(--primary2)}.btn-outline{background:var(--panel);border-color:var(--line)}.brand{font-family:Georgia,serif;font-weight:700;font-size:34px;letter-spacing:-2px;gap:0}.brand-mark{display:none}.brand .dot{color:var(--primary)}.landing{background:#f4f3ec}.site-nav{max-width:1320px;height:94px;border-bottom:1px solid #d7dbcf;padding:0 46px}.nav-links{font-weight:500;color:#525c4f}.small-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#66705e}.studio-hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:78px 46px 90px}.studio-copy h1{font:400 clamp(50px,5.5vw,78px)/1.02 Georgia,serif;letter-spacing:-3px;margin:28px 0}.studio-copy em{font-weight:400;color:var(--primary);position:relative}.studio-copy em:after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:#caa843;transform:rotate(-3deg)}.studio-copy p{font-size:16px;line-height:1.7;max-width:355px;color:#697062;margin:28px 0}.hero-create{padding:17px 22px;gap:40px}.hero-create span{font-size:22px}.lesson-art{position:relative;background:#fffef7;border:1px solid #d4d8ca;box-shadow:12px 15px 0 #e4e7dc;transform:rotate(1.4deg)}.lesson-top,.lesson-foot{display:flex;justify-content:space-between;align-items:center;font:10px 'Courier New',monospace;letter-spacing:1px;padding:18px 23px;border-bottom:1px solid #dedfd5}.lesson-foot{justify-content:flex-start;gap:8px;border-top:1px solid #dedfd5;border-bottom:0;font-size:9px}.lesson-art svg{display:block;width:100%;height:auto}.paper-sticker{position:absolute;right:-24px;top:41%;background:#e9c65f;transform:rotate(7deg);font:italic 18px Georgia,serif;padding:20px 14px;box-shadow:2px 3px 0 #0001}.ink-dot{width:6px;height:6px;background:var(--primary);border-radius:50%}.studio-strip{max-width:1228px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd5c8;border-bottom:1px solid #cfd5c8;padding:36px 0;gap:40px}.studio-strip article+article{border-left:1px solid #cfd5c8;padding-left:36px}.studio-strip span,.plan-name{font:10px 'Courier New',monospace;letter-spacing:1px;color:#7a806f}.studio-strip h2{font:24px Georgia,serif;letter-spacing:-.6px;margin:17px 0 10px}.studio-strip p{font-size:13px;line-height:1.7;color:#73796b;margin:0;max-width:270px}.studio-plan{max-width:1100px;margin:auto;padding:110px 40px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.studio-plan h2{font:48px/1.1 Georgia,serif;letter-spacing:-1.4px;margin:22px 0}.studio-plan p{font-size:14px;line-height:1.7;color:#717968}.plan-offer{background:#e8ecdf;border:1px solid #cbd4c0;padding:34px}.plan-price{font:58px Georgia,serif;letter-spacing:-2px;margin:25px 0}.plan-price small{font:13px system-ui;letter-spacing:0;color:#656f5c}.plan-offer ul{padding-left:18px;font-size:13px;line-height:2.1}.plan-offer .btn{width:100%;margin-top:16px;justify-content:space-between}.plan-offer p{font-size:11px;margin-bottom:0}.studio-footer{border-top:1px solid #d0d6c7;max-width:1228px;margin:auto;padding:26px 0;display:flex;align-items:center;gap:38px;font-size:11px;color:#777e6e}.studio-footer>div{margin-left:auto;display:flex;gap:20px}.studio-footer .brand{color:var(--ink)}
.sidebar,.topbar,#boardView .board-top{background:var(--panel);border-color:var(--line)}.sidebar .brand{margin-left:16px}.trial-box{background:#eef0e5;border:1px solid #d9decf;border-radius:7px}.trial-box strong{color:#344d39}.trial-box p{color:#6b7964}.trial-box .progress{display:none}.avatar{background:#e3eadc;color:#38593f;border-radius:50%}.folder-card,.stat-card,.recent-list,.modal{border-radius:8px;box-shadow:none;border-color:var(--line)}.folder-card:hover{box-shadow:0 4px 0 #dce3d6}.headrow h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px}.eyebrow{color:#6c7963;letter-spacing:1px}.stat-icon{background:#edf0e6!important;color:#406448!important}.tool.active{background:var(--primary);color:white;box-shadow:none}.toolbar,.brushbar,.board-pill{border-radius:9px;box-shadow:0 3px 12px #2430200a}#boardAccount{background:#f2f4ed;border-color:#e1e5db}.ink-setting select{background:#f2f5ed}#guestNotice{display:none!important}.board-subtitle{color:#79846e}.local-mail{background:#f2f4eb;border-color:#d6ddca}.payment-total{font:46px Georgia,serif;letter-spacing:-1px;margin:18px 0}.payment-total small{font:14px system-ui;letter-spacing:0;color:#6c7563}.payment-detail{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:13px}.payment-phone{font:30px 'Courier New',monospace;font-weight:700;letter-spacing:1px}.payment-reference{font-family:'Courier New',monospace;font-weight:700}.payment-note{background:#edf1e5;padding:14px;border-left:3px solid #8d9d6e;font-size:12px;line-height:1.6}.terms-check{display:flex!important;align-items:flex-start;gap:9px;font-size:12px!important;line-height:1.5}.terms-check input{width:16px!important;min-height:16px;flex-shrink:0;margin:2px 0}.terms-check a{text-decoration:underline}.payment-history{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.payment-item{font-size:12px;padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.status-tag{font-size:10px;padding:5px 8px;border-radius:4px;background:#edf0e5;white-space:nowrap}.status-tag.submitted{background:#fbebc5;color:#886112}.status-tag.approved{background:#dfeddf;color:#376346}.status-tag.rejected{background:#f6e0db;color:#984937}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0}.admin-head h1{font:36px Georgia,serif;margin:0}.ticket-list{display:grid;gap:12px}.ticket-card{border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:7px}.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-card h3{font-size:14px;margin:0}.ticket-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#737b69;margin:12px 0}.ticket-card .btn{font-size:12px}.admin-people{padding:24px;background:#edf0e5;margin-top:32px}.admin-person{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #d2dac9;font-size:13px}.admin-form{display:flex;gap:10px;margin:16px 0}.admin-form input{flex:1;min-width:0;padding:11px;border:1px solid #bbc8b0;border-radius:4px}.ticket-overdue{color:#a7492f}.plan-access{font-size:12px}.seller-info{font-size:11px!important;line-height:1.6}.admin-audit{font-size:11px;line-height:1.8;max-height:190px;overflow:auto;margin-top:20px}.btn:focus-visible{outline-color:#8aa07a}
@media(max-width:900px){.site-nav{padding:0 24px}.studio-hero{padding:55px 28px;gap:30px}.studio-copy h1{font-size:56px}.studio-strip{margin:0 28px;gap:20px}.studio-strip article+article{padding-left:20px}.studio-plan{gap:35px;padding:70px 28px}.studio-plan h2{font-size:38px}.studio-footer{margin:0 28px;flex-wrap:wrap;gap:16px}.paper-sticker{right:-10px;font-size:15px}}
@media(max-width:620px){.site-nav{height:76px;padding:0 20px}.site-nav .brand{font-size:31px}.nav-actions .btn-small{padding:10px}.studio-hero{grid-template-columns:1fr;padding:45px 24px 60px;gap:44px}.studio-copy h1{font-size:58px}.studio-copy p{font-size:15px}.lesson-art{margin-right:10px}.studio-strip{grid-template-columns:1fr;margin:0 24px;gap:26px}.studio-strip article+article{border-left:0;padding-left:0}.studio-plan{grid-template-columns:1fr;padding:60px 24px;gap:25px}.studio-plan h2{font-size:40px}.studio-footer>div{margin-left:0;width:100%}.studio-footer>span{display:none}.ticket-top{align-items:flex-start}.admin-form{flex-direction:column}.admin-head h1{font-size:28px}.plan-offer{padding:26px}.payment-phone{font-size:25px}}
:root{--accent:#dc5937}
.brand .dot{font:22px system-ui;color:var(--accent);margin-left:5px;letter-spacing:0}
.studio-hero{position:relative;padding-top:92px;padding-bottom:100px}
.studio-copy .small-label{display:inline-block;border:1px solid var(--ink);padding:8px 12px;transform:rotate(-2deg);color:var(--ink)}
.studio-copy h1{font-size:clamp(52px,6.2vw,88px);letter-spacing:-4px}
.studio-copy em:after{background:var(--accent);height:5px;bottom:-7px;transform:rotate(-4deg)}
.hero-create{box-shadow:4px 4px 0 #252b25;border:1px solid #252b25;transition:transform .18s,box-shadow .18s}
.hero-create:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #252b25}
.demo-button{border:1px solid #252b25;background:transparent;padding:17px 20px;gap:12px;border-radius:40px}
.demo-button:hover{background:#e9c65f}.demo-button span{font-size:21px;line-height:1}
.lesson-art:before{content:'TECZKA Nº 01';position:absolute;top:-28px;left:22px;background:#2b5647;color:#fffef7;padding:9px 23px;font:10px monospace;letter-spacing:2px;border-radius:9px 9px 0 0}
.lesson-art{border-color:#8b9581;box-shadow:8px 9px 0 #e1c883,9px 10px 0 #8b9581,17px 18px 0 #e4e7dc}
.lesson-top{background:#eeeee2}.paper-sticker{background:var(--accent);color:#fffef7;font-size:17px;padding:19px 14px;right:-20px;top:69%;transform:rotate(-8deg);border-radius:50% 45% 48% 42%;text-align:center;line-height:1.25}.paper-sticker b{font-weight:400}
.studio-strip{border-top:2px solid #252b25}.studio-strip article>span{color:#a34027}.studio-strip h2{font-size:27px}
.plan-offer{position:relative;box-shadow:7px 7px 0 #2b5647;border-color:#2b5647;transform:rotate(-1deg)}
.plan-offer:before{content:'WIĘCEJ MIEJSCA';display:block;position:absolute;right:16px;top:-15px;background:#e9c65f;padding:9px 13px;transform:rotate(4deg);font:10px monospace;letter-spacing:1px;border:1px solid #252b25}
.folder-card:not(.new-folder){border-top:4px solid #2b5647;border-radius:3px 12px 12px 12px}.folder-card:not(.new-folder):before{content:'';position:absolute;top:-12px;left:18px;width:58px;height:9px;background:#2b5647;border-radius:5px 5px 0 0}.folders-grid{row-gap:27px}.side-item.active{border-left:3px solid var(--accent)}
@media(max-width:620px){.studio-hero{padding-top:44px;padding-bottom:60px}.studio-copy h1{font-size:56px;letter-spacing:-2.6px}.paper-sticker{right:-8px;font-size:14px}.hero-actions{gap:15px}.hero-create{gap:16px;padding:15px}.demo-button{padding:14px 18px}.studio-strip h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hero-create{transition:none}}
.studio-copy em:after{display:none}.studio-copy em{text-decoration-line:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:.18em;text-decoration-skip-ink:auto}
#adminNavigation .icon{display:inline-block;flex:none}#landingLogin{display:inline-flex}

/* Full-width editorial landing, with movement kept away from reading controls. */
.landing{width:100%;overflow:clip}.landing .site-nav,.studio-hero,.studio-strip,.studio-plan,.studio-footer{max-width:none;width:100%;margin:0;padding-left:clamp(24px,5vw,110px);padding-right:clamp(24px,5vw,110px)}
.landing .site-nav{height:90px}.studio-hero{min-height:calc(100svh - 90px);grid-template-columns:1.1fr 1fr;gap:6vw;padding-top:64px;padding-bottom:80px;background:radial-gradient(ellipse at 85% 30%,#e5eadb 0,transparent 55%)}
.studio-copy h1{font-size:clamp(56px,6.7vw,130px);max-width:900px}.studio-copy p{font-size:clamp(16px,1.3vw,21px);max-width:440px}.studio-copy{animation:copy-arrive .7s ease-out both}.lesson-art{width:100%;max-width:680px;justify-self:center;animation:paper-float 8s ease-in-out infinite}.lesson-art svg>g[fill="none"]{animation:ink-arrive 1.5s ease-out both}.lesson-foot .ink-dot{box-shadow:0 0 0 5px #2b564711;animation:ink-pulse 3s ease-in-out infinite}.studio-strip{padding-top:32px;padding-bottom:32px}.studio-strip h2{font-size:clamp(23px,2vw,34px)}.studio-plan{gap:12vw;padding-top:90px;padding-bottom:90px}.studio-plan h2{font-size:clamp(40px,4vw,68px)}.studio-footer{padding-top:26px;padding-bottom:26px}.studio-strip article{transition:transform .2s}.studio-strip article:hover{transform:translateY(-4px)}
@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes paper-float{0%,100%{transform:translateY(0) rotate(1.4deg)}50%{transform:translateY(-10px) rotate(.3deg)}}@keyframes ink-arrive{from{opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}to{opacity:1;stroke-dasharray:1000;stroke-dashoffset:0}}@keyframes ink-pulse{50%{box-shadow:0 0 0 8px #2b564705}}
.modal{max-height:90svh;overflow:auto}.signup-progress{display:flex;gap:8px;margin:24px 0 14px;font-size:11px}.signup-progress span{flex:1;border-top:3px solid var(--line);padding-top:9px;color:#72786d}.signup-progress .active{border-color:var(--primary);color:var(--primary)}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.role-option{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px 15px;display:grid;gap:10px;color:var(--ink);min-width:0}.role-option.selected{background:#e8eee6;border:2px solid var(--primary);padding:19px 14px}.role-option>span{font:30px Georgia,serif}.role-option strong{font-size:15px}.role-option small{font-size:12px;line-height:1.5;color:#66705e}.auth-primary{width:100%}.password-field{position:relative}.password-field input{padding-right:70px!important}.password-field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--primary);font-size:12px;padding:8px}.helper a{text-decoration:underline}.calendar-heading .btn{font-size:14px!important}.calendar-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.calendar-toolbar h2{font:26px Georgia,serif;margin:0;text-transform:capitalize}.calendar-toolbar #todayMonth{margin-left:auto}.calendar-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:630px}.calendar-weekday{padding:15px;text-align:center;font-size:12px;color:#63705b;background:#e8eee6}.calendar-day{min-height:120px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:7px;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#f0f0e9;color:#74786e}.calendar-day.today{background:#edf3e8}.day-number{display:block;border:0;background:transparent;color:inherit;width:30px;height:30px;border-radius:50%;margin-bottom:4px}.today .day-number{background:var(--primary);color:white}.day-number:hover{outline:1px solid var(--primary)}.calendar-event{display:block;width:100%;border:0;border-left:3px solid var(--primary);border-radius:4px;background:#e0eadc;text-align:left;padding:6px;margin:4px 0;color:#254333;font-size:11px}.calendar-event time{display:block;font-weight:700}.calendar-event span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event:hover{background:#d2e3ca}.upcoming{margin-top:30px}.upcoming h2{font:27px Georgia,serif}.upcoming article{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:15px 0}.lesson-summary{border:0;background:none;text-align:left;display:grid;gap:7px;color:var(--ink)}.lesson-summary time{font-size:12px;color:#6b7564}.lesson-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-dates>div{min-width:0}.danger{color:#a13828}
@media(min-width:1800px){.studio-hero{grid-template-columns:1.1fr 1fr}.lesson-art{max-width:800px}}
@media(max-width:900px){.studio-hero{gap:35px;min-height:unset;padding-top:65px;padding-bottom:65px}.studio-copy h1{font-size:clamp(48px,7vw,70px);letter-spacing:-2px}.hero-actions{gap:15px}.hero-create{gap:16px}.studio-strip{gap:20px}.studio-plan{gap:45px}}
@media(max-width:620px){.landing .site-nav{height:76px;padding-left:20px;padding-right:20px}.studio-hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:60px;gap:52px}.studio-copy h1{font-size:clamp(48px,10vw,64px)}.studio-copy p{margin:24px 0}.lesson-art{max-width:440px;width:calc(100% - 16px);margin:0}.studio-strip{grid-template-columns:1fr;gap:22px}.studio-strip article+article{padding-top:22px;border-top:1px solid var(--line)}.studio-strip p{max-width:none}.studio-plan{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:32px}.studio-footer>div{flex-wrap:wrap}.calendar-toolbar{gap:6px}.calendar-toolbar h2{font-size:20px}.calendar-toolbar .btn{padding:10px}.lesson-dates{grid-template-columns:1fr}.upcoming article{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.studio-copy,.lesson-art,.lesson-art svg>g[fill="none"],.lesson-foot .ink-dot{animation:none}.studio-strip article,.btn{transition:none}}
@media(max-width:620px){.landing .site-nav{gap:12px;padding-left:20px;padding-right:20px}.landing .site-nav .brand{font-size:28px}.landing .nav-actions{gap:6px}.landing .nav-actions .btn{font-size:11px;padding:10px 8px}.landing .nav-actions .btn-small{padding:10px 8px}}
.studio-plan{gap:clamp(36px,6vw,96px);align-items:center;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);max-width:1400px;margin:auto;padding-top:88px;padding-bottom:88px}.plan-intro>p{max-width:490px;font-size:16px;line-height:1.8}.benefits-title{font-size:16px;margin:30px 0 19px}.plan-benefits{list-style:none;padding:0;margin:0;display:grid;gap:21px}.plan-benefits li{display:flex;align-items:flex-start;gap:14px}.benefit-mark{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#e2e9dc;color:var(--primary);font-size:14px}.plan-benefits strong{display:block;font-size:15px;padding-top:3px}.plan-benefits p{font-size:14px;line-height:1.65;margin:6px 0 0;max-width:445px}.studio-plan .plan-offer{padding:clamp(26px,3.5vw,48px);background:#fffef9;border-radius:18px;transform:none;box-shadow:8px 8px 0 #e0e6d8;border:1px solid #cbd4c0}.plan-offer:before{display:none}.plan-offer .plan-name{display:inline-block;background:#e8eee6;color:#2b5647;padding:8px 12px;border-radius:20px;font:600 11px system-ui;letter-spacing:1px}.plan-offer h3{font:32px/1.2 Georgia,serif;letter-spacing:-.6px;margin:23px 0 12px}.plan-offer .plan-description{font-size:14px;line-height:1.7;margin:0}.plan-offer .plan-price{margin:28px 0;padding-bottom:25px;border-bottom:1px solid var(--line)}.plan-offer .btn{border-radius:9px;min-height:52px;margin-top:26px}
.seo-guide{padding:76px clamp(22px,5vw,90px);border-top:1px solid #dce1d4;background:#ecefe5}.faq-heading{text-align:center;margin:0 auto 38px;max-width:650px}.faq-heading h2{font:clamp(34px,4vw,52px)/1.15 Georgia,serif;letter-spacing:-1.5px;margin:15px 0}.faq-heading p{font-size:16px;line-height:1.7;color:#65705e;margin:0}.seo-faq{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;scroll-margin-top:25px}.seo-faq details{background:#fffef9;border:1px solid #d6ddce;border-radius:12px;overflow:hidden;transition:border-color .18s}.seo-faq details[open]{border-color:#81977b}.seo-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:23px 25px;font-size:15px;font-weight:600;line-height:1.5}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary:after{content:'+';font:24px/1 Georgia,serif;color:var(--primary);flex:none}.seo-faq details[open] summary:after{content:'−'}.seo-faq summary:hover{color:var(--primary)}.seo-faq summary:focus-visible{outline:2px solid var(--primary);outline-offset:-5px;border-radius:12px}.seo-faq details p{margin:0;padding:0 25px 25px;font-size:14px;line-height:1.85;color:#596551}.faq-contact{text-align:center;font-size:14px;color:#65705e;margin:30px 0 0;line-height:1.8}.faq-contact a{color:var(--primary);text-decoration:underline;text-underline-offset:4px;margin-left:5px}@media(max-width:760px){.studio-plan{grid-template-columns:1fr;gap:36px;padding-top:55px;padding-bottom:55px}.plan-intro>p,.plan-benefits p{max-width:none}.studio-plan .plan-offer{width:100%;max-width:540px;justify-self:center}.seo-guide{padding-top:50px;padding-bottom:50px}.seo-faq{grid-template-columns:1fr;gap:10px}.seo-faq summary{padding:20px}.seo-faq details p{padding:0 20px 22px}.faq-heading{margin-bottom:28px}}
.studio-plan .plan-offer .plan-description{text-align:left;font-size:14px}.studio-plan .plan-offer li:first-child{border-top:0}.studio-plan .plan-intro>p{max-width:490px}.studio-plan .plan-benefits p{max-width:445px;font-size:14px}
