@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#17364f;--ink:#18344a;--muted:#687b89;--gold:#d8a43b;--bg:#f8fafb;--line:#e0e8ed;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb861d;outline-offset:5px}.sprite{position:absolute;width:0;height:0;overflow:hidden}.topbar{max-width:1400px;margin:auto;padding:18px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:78px;height:78px;object-fit:contain}.brand>span{font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1px}.brand small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:8px;letter-spacing:1.4px;font-weight:650;margin-top:6px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:650}.topbar nav>a{padding:14px 0;color:#687b89}.topbar nav .nav-active{color:var(--navy);border-bottom:2px solid var(--gold)}.nav-panel{background:white;border:1px solid #cddae3;border-radius:8px;padding:13px 17px;color:var(--navy);font-size:13px;font-weight:650}.nav-panel span{margin-left:18px}main{max-width:1400px;padding:0 46px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;position:relative;overflow:hidden;min-height:446px;border-radius:24px;background:#eaf2f6;border:1px solid #dce7ed}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(112deg,#f2f6f7 10%,#eaf2f6 58%,#dcebf3 100%);pointer-events:none}.hero-copy{position:relative;padding:49px 0 48px 49px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#718290;margin:0 0 18px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,3.5vw,49px);font-weight:800;line-height:1.2;letter-spacing:-1.9px;margin:0 0 22px}.hero h1 em{font-style:normal;color:#537e97}.intro{font-size:15px;line-height:1.8;color:#687c8c;margin:0 0 28px}.hero-cta{display:inline-flex;align-items:center;gap:29px;background:var(--navy);color:white;padding:15px 20px;border-radius:9px;font-size:13px;font-weight:600;box-shadow:0 5px 10px #16394e12}.hero-cta:hover{background:#244d66}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}.logo-disc{width:264px;height:264px;border-radius:50%;background:#ffffffbb;box-shadow:0 18px 55px #688ba419,inset 0 0 0 1px #fff;display:grid;place-items:center;position:relative}.logo-disc img{width:280px;height:280px;object-fit:contain;margin:-8px}.orbit{position:absolute;border-radius:50%;border:1px solid #adc5d340;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:335px;height:335px}.orbit-two{width:410px;height:410px;border-style:dashed}.floating{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffffff0;border:1px solid #ffffff;border-radius:10px;box-shadow:0 8px 23px #537a9410;font-size:11px;font-weight:600;transform:rotate(-5deg);z-index:2}.floating svg{width:27px;height:27px;fill:none;stroke:var(--navy);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.floating .wash{fill:#dceaf2}.floating .accent{fill:#ebc86a}.floating .paper{fill:#fff}.f1{left:2%;top:82px}.f2{right:17px;bottom:85px;transform:rotate(4deg)}.spark{position:absolute;color:#d8ac53;font-size:25px;z-index:1}.s1{right:70px;top:64px}.s2{left:58px;bottom:96px;font-size:17px}.art-caption{position:absolute;bottom:32px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.3px;color:#6e8797}.art-caption b{color:#3d6077}.workspace{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:29px 0 31px;border-bottom:1px solid var(--line)}.workspace .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.7px}.workspace h2{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:650}.role-buttons{display:flex;gap:12px}.role-buttons button{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--navy);font-weight:650;border:1px solid #d7e2e8;border-radius:9px;padding:14px 18px;background:#fff}.role-buttons button span{color:#a2b4bf;font-size:10px}.role-buttons button b{font-size:17px;font-weight:400;margin-left:9px}.role-buttons button:hover{border-color:#7896ab;background:#f1f6f8}.app-section{padding-top:37px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:10px}.section-heading h2{font-family:Manrope,Arial,sans-serif;font-size:27px;letter-spacing:-.9px;margin:0;font-weight:800;display:flex;align-items:center;gap:12px}.section-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:9px 0 0;line-height:1.6}.count{display:inline-grid;place-items:center;width:25px;height:25px;font-family:'DM Sans',sans-serif;background:#e7eef2;border:1px solid #dce6ec;border-radius:7px;font-size:11px;color:#54758c;letter-spacing:0}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #dbe5eb;background:white;border-radius:9px;padding:11px 13px;width:305px;color:#8396a4}.search-box input{border:0;outline:none;min-width:0;flex:1;background:transparent;font-size:11px;color:var(--ink)}.search-box:focus-within{border-color:#7092aa;box-shadow:0 0 0 3px #e0eaf0}.search-box kbd{font:10px 'DM Sans',sans-serif;padding:2px 5px;border:1px solid #e2e8ed;border-radius:3px;color:#9baab3}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.filters button{border:1px solid transparent;background:transparent;color:#718492;font-size:11px;padding:9px 13px;border-radius:7px}.filters button.selected{background:var(--navy);color:#fff}.filters button:not(.selected):hover{background:#eaf0f4}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{--accent:#537e97;--pale:#eaf3f9;position:relative;isolation:isolate;background:#fff;border:1.5px solid color-mix(in srgb,var(--accent),transparent 55%);border-radius:14px;padding:22px 23px 18px;min-height:215px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 10px #1c3e4c04;transition:transform .2s,border-color .2s,box-shadow .2s}.app-card:before{content:'';position:absolute;z-index:-1;width:230px;height:180px;right:-87px;top:-70px;border-radius:48% 52% 55% 45%;background:linear-gradient(145deg,var(--pale),#ffffff00);transform:rotate(-25deg)}.app-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #183d5110;border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.card-icon{width:58px;height:58px;border-radius:13px;background:var(--pale);display:grid;place-items:center}.card-icon svg{width:43px;height:43px;fill:none;stroke:#23435c;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.wash{fill:#cfe3ec}.paper{fill:#fff}.accent{fill:#e6bd52}.tick{stroke:#5b9982;stroke-width:3}.card-status{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#6c9387;margin-top:5px;font-weight:650}.card-status:before{content:'';display:inline-block;width:4px;height:4px;background:#6caa93;border-radius:50%;margin-right:5px;vertical-align:2px}.app-card h3{font-family:Manrope,Arial,sans-serif;font-size:20px;line-height:1.3;letter-spacing:-.65px;margin:0 0 8px;font-weight:800}.app-card>p{font-size:11px;color:#7b8b97;line-height:1.65;margin:0 0 17px;max-width:260px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;color:var(--accent);font-weight:650;padding-top:10px;border-top:1px solid #edf1f4}.card-bottom b{font-size:17px;font-weight:400}.purple{--accent:#9180b3;--pale:#f1edf8}.teal{--accent:#589b98;--pale:#e8f5f2}.green{--accent:#79a585;--pale:#eef6ee}.blue{--accent:#6499be;--pale:#edf5fb}.gold{--accent:#c4a04e;--pale:#fcf5e6}.planned-section{padding-top:45px;scroll-margin-top:35px}.planned-section .section-heading h2{font-size:24px}.plan-legend{font-size:10px;color:#9ba8af;background:#f0f3f5;border:1px solid #e5ebef;border-radius:99px;padding:8px 11px}.plan-legend i{display:inline-block;width:5px;height:5px;background:#b9c4cb;border-radius:50%;margin-right:7px}.planned-grid{gap:14px}.app-card.planned{background:#f7f9fa;border:1px dashed #dce4e9;box-shadow:none;min-height:170px;padding:19px 22px;color:#9daeb9;cursor:default}.app-card.planned:hover{transform:none;box-shadow:none}.planned:before{display:none}.planned .card-top{margin-bottom:12px;opacity:.43}.planned .card-icon{background:transparent;width:40px;height:40px}.planned .card-icon svg{width:38px;height:38px;stroke:#8196a5}.planned h3{color:#a1b0ba;font-size:17px;font-weight:700}.planned>p{color:#a7b3bc;font-size:10px;margin-bottom:0}.planned .card-status{color:#aebbc3;font-size:7px;text-transform:none;letter-spacing:.4px}.planned .card-status:before{display:none}.planned .watermark{position:absolute;right:14px;bottom:-20px;font-size:80px;font-weight:800;font-family:Manrope,sans-serif;line-height:1;letter-spacing:-8px;color:#eaf0f3;z-index:-1}.school-note{display:flex;align-items:center;gap:24px;border:1px solid #dce7ec;background:#edf3f6;border-radius:14px;padding:25px 30px;margin:42px 0 33px}.note-mark{font-family:Manrope,sans-serif;font-size:37px;font-weight:800;color:#8ba7b8;letter-spacing:-4px;flex-shrink:0}.note-mark span{color:#c6a655}.school-note h2{font-size:16px;font-weight:700;margin:0 0 7px}.school-note p{font-size:11px;color:#7b8f9b;line-height:1.7;max-width:710px;margin:0}.school-note>a{margin-left:auto;display:grid;place-items:center;width:37px;height:37px;border:1px solid #cfdee7;background:#fff8;border-radius:50%;flex-shrink:0}footer{max-width:1400px;padding:25px 46px 34px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.8px;font-weight:800}.footer-brand span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:450;letter-spacing:.3px;color:#8b9ba6;margin-top:5px}footer>div{font-size:11px;color:#6f8594;text-align:center}footer small{display:block;font-size:9px;color:#9aa9b2;margin-top:6px}.footer-year{font-size:10px;letter-spacing:1px;color:#92a4b0}.empty{color:#7c8f9c;font-size:13px;background:#edf3f6;padding:25px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #d5e1e9;border-radius:18px;padding:28px;width:min(640px,calc(100% - 32px));color:var(--ink);box-shadow:0 25px 90px #1230493a;max-height:85vh}dialog::backdrop{background:#0c293a77;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:8px}.dialog-heading h2{font-family:Manrope,sans-serif;margin:0;font-size:25px}.dialog-heading button{border:1px solid #dfe8ed;background:#f7fafb;border-radius:8px;width:34px;height:34px;color:#688392;font-size:23px}.dialog-intro{font-size:12px;line-height:1.7;color:#7b8d99;margin:17px 0 20px}.role-link{border:1px solid #e0e8ed;border-radius:10px;display:flex;align-items:center;gap:14px;padding:14px;margin:10px 0;background:#fcfdfe}.role-link:hover{border-color:#97aebe;background:#f0f5f8}.role-link svg{width:33px;height:33px;fill:none;stroke:#25455c;stroke-width:2.5}.role-link strong{font-size:14px;display:block}.role-link small{font-size:10px;color:#7f929f;display:block;margin-top:5px}.role-link>b{margin-left:auto;font-weight:400}.role-foot{font-size:10px;color:#9aabb5;margin-top:20px;border-top:1px solid #e2e9ed;padding-top:15px}
@media(min-width:1500px){.hero h1{font-size:52px}}@media(max-width:1000px){.topbar,main,footer{padding-left:28px;padding-right:28px}.topbar nav{gap:17px}.brand small{max-width:195px;line-height:1.6}.topbar nav>a:nth-child(2){display:none}.hero-copy{padding-left:32px}.hero h1{font-size:38px}.logo-disc{width:210px;height:210px}.logo-disc img{width:235px;height:235px}.orbit-one{width:280px;height:280px}.orbit-two{width:335px;height:335px}.floating{padding:10px;font-size:9px}.f1{left:-3%;top:95px}.f2{right:4px;bottom:100px}.workspace h2{font-size:14px}.role-buttons button{font-size:11px;padding:12px;gap:7px}.app-card{padding:20px 17px;min-height:218px}.app-card h3{font-size:18px}.app-grid{gap:13px}.search-box{width:260px}.section-heading h2{font-size:25px}.school-note p{font-size:10px}}@media(max-width:720px){.topbar{padding:13px 20px;min-height:88px}.brand img{width:58px;height:58px}.brand>span{font-size:24px}.brand small{font-size:6px;letter-spacing:1px;max-width:180px}.topbar nav>a{display:none}.nav-panel{font-size:10px;padding:10px}.nav-panel span{margin-left:4px}main{padding:0 19px}.hero{grid-template-columns:1fr;min-height:0;border-radius:18px}.hero-copy{padding:31px 26px 10px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:36px;letter-spacing:-1.3px;margin-bottom:17px}.intro{font-size:12px;margin-bottom:21px}.hero-cta{font-size:11px;padding:13px 16px}.hero-art{min-height:290px;margin-top:0}.logo-disc{width:190px;height:190px}.logo-disc img{width:215px;height:215px}.orbit-one{width:235px;height:235px}.orbit-two{width:280px;height:280px}.f1{left:6%;top:39px}.f2{right:5%;bottom:52px}.spark.s1{top:30px;right:20%}.spark.s2{left:12%;bottom:40px}.art-caption{bottom:14px}.workspace{align-items:flex-start;flex-direction:column;gap:16px;padding:23px 0}.workspace h2{font-size:16px}.role-buttons{width:100%;gap:9px}.role-buttons button{flex:1;justify-content:space-between;padding:13px 10px;font-size:11px;gap:5px}.role-buttons button span{font-size:8px}.role-buttons button b{margin:0}.app-section{padding-top:28px}.section-heading{flex-wrap:wrap;gap:17px;margin-bottom:18px}.section-heading h2{font-size:26px}.section-heading p:not(.eyebrow){font-size:11px}.search-box{width:100%;padding:12px}.search-box input{font-size:12px}.filters{gap:4px;margin-bottom:17px}.filters button{font-size:10px;padding:9px 10px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{padding:16px 14px;min-height:226px;border-radius:12px}.card-icon{width:48px;height:48px;border-radius:11px}.card-icon svg{width:37px;height:37px}.card-status{font-size:6px;letter-spacing:.6px}.card-status:before{width:3px;height:3px;margin-right:3px}.app-card h3{font-size:17px;letter-spacing:-.5px}.app-card>p{font-size:10px;line-height:1.6}.card-bottom{font-size:9px}.card-top{margin-bottom:13px;gap:4px}.planned-section{padding-top:32px}.planned-section .section-heading{gap:12px}.planned-section .section-heading h2{font-size:23px}.plan-legend{font-size:8px;padding:7px 9px}.app-card.planned{padding:15px 13px;min-height:182px}.planned .card-top{flex-direction:column;gap:6px;min-height:57px;margin-bottom:10px}.planned h3{font-size:15px}.planned>p{font-size:9px}.planned .card-status{font-size:7px}.school-note{padding:20px 17px;gap:15px;margin-top:29px}.note-mark{font-size:30px}.school-note h2{font-size:14px;line-height:1.4}.school-note p{font-size:10px}.school-note>a{display:none}footer{padding:23px 20px;flex-wrap:wrap;gap:20px}.footer-brand{font-size:21px}footer>div{text-align:left;font-size:9px}.footer-year{font-size:8px}.footer-brand span{font-size:8px}dialog{padding:23px}.dialog-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 

.app-card>p{font-size:13px}.card-bottom{font-size:11px}.planned>p{font-size:11px}.section-heading p:not(.eyebrow){font-size:13px}.search-box input{font-size:12px}.filters button{font-size:12px}@media(max-width:720px){.app-card>p{font-size:11px}.planned>p{font-size:10px}.filters button{font-size:10px}}

/* Poprawki wskazane w komentarzach do poprzedniego układu. */
.logo-disc{display:flex;align-items:center;justify-content:center}.logo-disc img{display:block;margin:0;width:100%;height:100%;object-fit:contain;flex:0 0 100%}
.role-buttons button{font-size:17px;font-weight:700}.role-buttons button span{font-size:12px}.role-buttons button b{font-size:21px}
.card-bottom{font-size:16px;font-weight:750;color:#274c68}.card-bottom b{font-size:21px}
@media(max-width:1000px){.role-buttons button{font-size:16px}.card-bottom{font-size:16px}}
@media(max-width:720px){.role-buttons button{font-size:16px;padding:15px 11px}.role-buttons button span{font-size:10px}.card-bottom{font-size:15px}.card-bottom b{font-size:20px}.hero-copy{padding-bottom:20px}.hero-art{margin-top:0}}
@media(max-width:390px){.role-buttons{flex-direction:column}.role-buttons button{font-size:17px}}

/* Dopracowanie oznaczeń, logo i pastelowych obrysów. */
.brand-kind{font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-weight:550;letter-spacing:0;color:#728794;display:block;margin-bottom:2px}.brand small{letter-spacing:1.1px}.brand>span{line-height:1.12}
.logo-disc{width:290px;height:290px;flex-shrink:0;overflow:visible;border:1.5px solid #b1cbdc;background:#ffffffd9;box-shadow:0 12px 38px #17364f0c}
.logo-disc img{width:126%;height:126%;max-width:none;flex:0 0 126%;transform:translate(-1.18%,3.21%);object-fit:contain;margin:0}
.orbit-one{border:1.5px solid #c4b99466;width:345px;height:345px}.orbit-two{width:400px;height:400px;border:1px solid #98b9cd66;border-radius:40% 60% 53% 47%;transform:translate(-50%,-50%) rotate(14deg)}
.hero-art{isolation:isolate}.hero-wave{position:absolute;pointer-events:none;z-index:-1;border-radius:48% 52% 46% 54%;width:340px;height:250px}.wave-blue{background:linear-gradient(135deg,#9bc5e023,#d5e9f52e);border:1px solid #9bbfd247;transform:rotate(-26deg);right:-82px;top:5px}.wave-gold{width:280px;height:190px;background:linear-gradient(150deg,#efd79922,#efd79906);border:1px solid #d5b85b38;left:18px;bottom:4px;transform:rotate(-22deg)}
.card-status{font-size:11px;letter-spacing:.3px;text-transform:none;font-weight:750;color:#236a4f;background:#e9f5ee;border:1px solid #b5d7c3;border-radius:99px;padding:6px 9px;margin-top:0;white-space:nowrap;line-height:1.15}.card-status:before{width:6px;height:6px;background:#319364;margin-right:6px;vertical-align:1px}.planned .card-status{font-size:9px;background:transparent;border:0;padding:0;font-weight:550}
.filters button{font-size:15px;font-weight:600;padding:11px 15px}.filters button:not(.selected){border-color:#dce5eb;background:#fff;color:#526b7d}.filters{gap:8px}
img.note-mark{width:76px;height:76px;display:block;object-fit:contain;flex-shrink:0;background:#fff;border-radius:50%;border:1px solid #dae5ec}
@media(max-width:1000px){.logo-disc{width:250px;height:250px}.orbit-one{width:300px;height:300px}.orbit-two{width:350px;height:350px}.brand-kind{font-size:12px}.filters button{font-size:14px}}
@media(max-width:720px){.brand-kind{font-size:10px}.brand>span{font-size:24px}.brand small{font-size:6px}.hero-art{min-height:330px}.logo-disc{width:245px;height:245px}.orbit-one{width:280px;height:280px}.orbit-two{width:310px;height:310px}.wave-blue{width:230px;height:170px;right:-35px;top:30px}.wave-gold{width:210px;height:145px;left:-10px;bottom:8px}.filters button{font-size:14px;padding:10px 12px}.card-status{font-size:10px;padding:5px 7px;letter-spacing:0}.card-status:before{width:5px;height:5px;margin-right:4px;vertical-align:1px}.planned .card-status{font-size:8px}img.note-mark{width:57px;height:57px}.card-top{gap:5px}.art-caption{bottom:9px}}
@media(max-width:390px){.card-top{flex-wrap:wrap;gap:10px}}

.brand>span{font-size:36px}.brand-kind{font-size:16px}.brand small{font-size:10px;line-height:1.6;margin-top:8px}.topbar{padding-top:23px;padding-bottom:23px}
.note-logo-frame{display:flex;align-items:center;justify-content:center;width:76px;height:76px;flex:0 0 76px;border:1px solid #dae5ec;background:#fff;border-radius:50%}img.note-mark{width:100%;height:100%;object-fit:contain;transform:translate(-1.18%,3.21%);border:0;background:transparent;border-radius:0;flex:none}
footer{flex-wrap:wrap}.creator-credit{flex-basis:100%;font-size:12px;color:#637c8e;text-align:center;line-height:1.7;border-top:1px solid #e3eaf0;padding-top:18px;margin:0}.creator-credit strong{font-weight:650;color:#35566e}
@media(max-width:720px){.brand>span{font-size:31px}.brand-kind{font-size:14px}.brand small{font-size:8px;letter-spacing:.7px;max-width:270px}.topbar{padding-top:19px;padding-bottom:19px}.note-logo-frame{width:57px;height:57px;flex-basis:57px}img.note-mark{width:100%;height:100%}.creator-credit{font-size:11px;text-align:left;padding-top:15px}}

.filters button.secretariat-pending{cursor:not-allowed;color:#748693;border:1px dashed #c8d5dd;background:#f0f4f6;display:inline-flex;align-items:center;gap:9px}.secretariat-pending small{font-size:10px;font-weight:500;color:#899ba7}.filters button.secretariat-pending:hover{background:#f0f4f6}