:root{--purple:#5b2cc9;--purple-dark:#321473;--purple-soft:#efe9ff;--yellow:#ffd44a;--ink:#19162a;--muted:#6e6981;--line:#e8e5ef;--bg:#f7f6fb;--white:#fff;--shadow:0 16px 40px rgba(47,25,94,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}button,input{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:42px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--purple);color:var(--yellow);font-size:26px;box-shadow:0 7px 16px rgba(91,44,201,.22)}.brand strong{display:block;font-size:25px;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:2.2px;margin-top:4px;color:var(--muted)}nav{display:flex;gap:30px;height:100%;align-items:center}nav a{font-weight:600;color:var(--muted);height:100%;display:grid;place-items:center;position:relative}nav a:hover,nav a.active{color:var(--purple)}nav a.active:after{content:"";height:3px;border-radius:3px;background:var(--purple);position:absolute;bottom:0;left:3px;right:3px}.account-btn{border:0;background:var(--purple-soft);color:var(--purple-dark);border-radius:14px;padding:8px 15px 8px 8px;display:flex;align-items:center;gap:9px;font-weight:700;cursor:pointer}.avatar{display:grid;place-items:center;background:var(--purple);color:white;border-radius:10px;width:34px;height:34px;font-size:12px}.welcome{min-height:330px;padding:58px clamp(22px,7vw,112px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(125deg,#2f136d 0%,#5d2ec8 56%,#844add 100%);color:#fff;position:relative}.welcome>div:first-child{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#a999d3;margin:0 0 12px}.welcome .eyebrow{color:var(--yellow)}h1{font-size:clamp(35px,5vw,58px);line-height:1.08;letter-spacing:-2.2px;margin:0 0 18px}.welcome h1 span{color:var(--yellow)}.intro{font-size:17px;color:#e5dcfa;max-width:610px}.welcome-art{position:absolute;right:8vw;width:290px;height:250px}.book{position:absolute;left:86px;top:54px;width:112px;height:145px;border-radius:14px 25px 25px 14px;background:var(--yellow);color:var(--purple-dark);display:grid;place-items:center;font-size:62px;font-weight:800;transform:rotate(7deg);box-shadow:20px 23px 0 rgba(31,10,84,.3)}.spark{position:absolute;right:25px;top:10px;color:white;font-size:44px}.orb{position:absolute;border-radius:50%}.orb-one{width:195px;height:195px;background:rgba(255,255,255,.08);right:-30px;top:30px}.orb-two{width:70px;height:70px;background:rgba(255,212,74,.28);left:20px;bottom:8px}.workspace{max-width:1480px;margin:0 auto;padding:42px clamp(20px,4vw,60px) 70px;display:grid;grid-template-columns:270px 1fr;gap:42px}.filters{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;height:max-content;position:sticky;top:105px}.filter-head{display:flex;align-items:center;justify-content:space-between}.filter-head h2{font-size:18px;margin:0}.filter-head button{border:0;background:none;color:var(--purple);font-weight:700;font-size:13px;cursor:pointer}.filters label,.filters legend{display:block;margin:22px 0 8px;font-size:13px;font-weight:700}.searchbox{height:46px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 12px;gap:8px}.searchbox:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.searchbox input{border:0;outline:0;width:100%;font-size:14px}.filters fieldset{border:0;margin:0;padding:0}.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 5px;font-size:13px;font-weight:600;cursor:pointer}.chip:hover,.chip.selected{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}.subject-list{display:grid;gap:5px}.subject{border:0;background:none;border-radius:10px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--muted);font-weight:600;cursor:pointer}.subject span{width:29px;height:29px;border-radius:8px;background:var(--bg);display:grid;place-items:center;color:var(--purple);font-size:13px;font-weight:800}.subject:hover,.subject.selected{background:var(--purple-soft);color:var(--purple-dark)}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.results h2,.packages h2,.help h2{font-size:clamp(25px,3vw,36px);letter-spacing:-1px;margin:0}.results-head>span{font-size:13px;color:var(--muted);background:white;border:1px solid var(--line);padding:8px 12px;border-radius:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 4px 16px rgba(40,27,76,.04);display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-top{height:118px;padding:18px;position:relative;background:linear-gradient(145deg,var(--card-soft),#fff);overflow:hidden}.card-icon{width:58px;height:58px;border-radius:16px;background:var(--card);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800;position:relative;z-index:2}.card-top:after{content:"";position:absolute;width:110px;height:110px;border:22px solid var(--card);opacity:.09;border-radius:50%;right:-38px;top:-40px}.grade-tag{position:absolute;right:14px;bottom:13px;background:#fff;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:800;color:var(--card)}.card-body{padding:17px;display:flex;flex-direction:column;flex:1}.card-subject{font-size:11px;font-weight:800;color:var(--card);text-transform:uppercase;letter-spacing:1px}.card h3{font-size:16px;line-height:1.35;margin:7px 0 11px}.card-meta{display:flex;gap:12px;color:var(--muted);font-size:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.card button{margin:14px 0 0;border:0;border-radius:10px;background:var(--purple-soft);color:var(--purple);font-weight:700;padding:10px;cursor:pointer}.card button:hover{background:var(--purple);color:#fff}.empty{text-align:center;background:#fff;border:1px dashed #c9c2dc;border-radius:20px;padding:60px}.empty span{font-size:40px;color:var(--purple)}.empty h3{margin:12px 0 4px}.empty p{color:var(--muted);margin:0}.packages{padding:75px clamp(20px,7vw,112px);text-align:center;background:#fff}.packages>p:not(.eyebrow){color:var(--muted);margin:8px 0 35px}.package-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.package{border:1px solid var(--line);border-radius:22px;padding:30px;text-align:left;position:relative;display:flex;flex-direction:column}.package.featured{border:2px solid var(--purple);box-shadow:var(--shadow);transform:translateY(-8px)}.popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--yellow);color:var(--purple-dark);font-size:11px;font-weight:800;padding:6px 15px;border-radius:20px;white-space:nowrap}.package-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:800;font-size:20px}.package h3{font-size:22px;margin:17px 0 5px}.package>p{color:var(--muted);margin:0}.package ul{padding:0;list-style:none;margin:22px 0 26px;display:grid;gap:12px;color:#4c485b;font-size:14px}.package li:before{content:"✓";font-weight:800;color:var(--purple);margin-right:9px}.package button{margin-top:auto;border:0;border-radius:12px;padding:13px;background:var(--purple);color:#fff;font-weight:700;cursor:pointer}.package:not(.featured) button{background:var(--purple-soft);color:var(--purple)}.package button:hover{filter:brightness(.93)}.help{margin:70px clamp(20px,7vw,112px);padding:38px 45px;border-radius:25px;background:linear-gradient(120deg,#f0eaff,#fff6cd);display:flex;justify-content:space-between;align-items:center}.help p:not(.eyebrow){color:var(--muted);margin:8px 0 0}.help a{background:#25d366;color:#073e1c;padding:14px 20px;border-radius:12px;font-weight:800;white-space:nowrap}footer{background:#201044;color:#d9cef4;padding:35px clamp(20px,7vw,112px);display:flex;align-items:center;gap:40px}.footer-brand{margin:0}.footer-brand .brand-mark{background:var(--yellow);color:var(--purple)}footer p{margin-left:auto;font-size:13px}footer>a{font-size:13px;font-weight:700;color:var(--yellow)}dialog{border:0;border-radius:22px;padding:0;max-width:520px;width:calc(100% - 32px);box-shadow:0 28px 80px rgba(23,9,55,.35)}dialog::backdrop{background:rgba(23,13,45,.65);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:#f1eff5;border-radius:50%;width:34px;height:34px;font-size:23px;cursor:pointer}.dialog-inner{padding:38px}.dialog-inner .dialog-icon{width:58px;height:58px;border-radius:18px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-size:28px}.dialog-inner h2{font-size:27px;margin:18px 0 7px}.dialog-inner p{color:var(--muted);line-height:1.6}.dialog-inner label{font-size:13px;font-weight:700;display:block;margin:16px 0 6px}.dialog-inner input,.dialog-inner select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.primary{width:100%;border:0;border-radius:11px;padding:13px;background:var(--purple);color:#fff;font-weight:700;margin-top:18px;cursor:pointer}.notice{font-size:12px;background:#fff8da;border-radius:10px;padding:10px;margin-top:13px!important;color:#6d5a08!important}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.welcome-art{opacity:.45;right:-50px}.package-grid{grid-template-columns:1fr;max-width:550px}.package.featured{transform:none}.help{gap:25px}}
@media(max-width:760px){.topbar{height:70px;padding:0 16px}.brand strong{font-size:21px}.topbar nav{display:none}.account-btn>span:last-child{display:none}.welcome{padding:45px 22px;min-height:300px}.welcome-art{display:none}.workspace{grid-template-columns:1fr;padding:26px 16px 50px}.filters{position:static}.cards{grid-template-columns:1fr}.results-head{align-items:center}.results-head .eyebrow{display:none}.help{margin:45px 16px;padding:28px;display:block}.help a{display:inline-block;margin-top:20px}footer{display:grid;gap:16px;text-align:center}footer p{margin:0}.footer-brand{justify-self:center}}
.package h3{margin-bottom:2px}.price{font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-1.5px;color:var(--purple);margin:3px 0 9px}.price small{font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted)}
.text-action{width:100%;border:0;background:none;color:var(--purple);font-weight:700;margin-top:15px;cursor:pointer}.text-action.danger{color:#b42318}.form-feedback{font-size:13px;line-height:1.45;margin-top:12px;border-radius:9px}.form-feedback.error{background:#fff0ee;color:#a52218;padding:10px}.form-feedback.success{background:#eaf8ef;color:#146c37;padding:10px}.primary:disabled{opacity:.6;cursor:wait}
.pdf-dialog{max-width:min(1100px,calc(100vw - 28px));width:min(1100px,calc(100vw - 28px));height:calc(100vh - 28px)}.pdf-dialog #dialogContent,.pdf-viewer{height:100%}.pdf-viewer{display:flex;flex-direction:column;background:#f4f1fa}.pdf-toolbar{min-height:76px;padding:14px 64px 14px 20px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.pdf-toolbar strong,.pdf-toolbar small{display:block}.pdf-toolbar small{color:var(--muted);margin-top:3px}.pdf-toolbar button{border:0;border-radius:11px;padding:11px 20px;background:var(--purple);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}.pdf-viewer iframe{width:100%;height:100%;border:0;background:#505050}@media(max-width:620px){.pdf-toolbar{align-items:flex-start;flex-direction:column;padding-right:58px}.pdf-toolbar button{width:100%}}

/* Official Siedaar identity */
.brand{gap:10px}.brand-logo{display:block;width:174px;height:62px;background:url('assets/siedaar-logo-header.png') center 43%/355% auto no-repeat;flex:none}.brand-portal{font-size:9px;font-weight:800;letter-spacing:1.8px;color:var(--muted);border-left:1px solid var(--line);padding-left:10px}.footer-brand .brand-logo{width:160px;height:58px}footer{background:#fffaf6;color:#50495a;border-top:1px solid #f0e2d8}
@media(max-width:760px){.topbar .brand-logo{width:142px;height:54px}.brand-portal{display:none}}

/* Transparent responsive logo */
.brand-logo{display:block;width:auto;height:68px;object-fit:contain;background:none;flex:none}.footer-brand .brand-logo{width:auto;height:82px}.footer-brand{align-items:center}
@media(max-width:760px){.topbar .brand-logo{width:auto;height:58px}.footer-brand .brand-logo{width:auto;height:76px}}

.home-shop{padding:70px clamp(20px,7vw,112px);background:#fffaf6}.home-shop-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.home-shop-head h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1px;margin:0}.home-shop-head p:not(.eyebrow){color:var(--muted);margin:7px 0 0}.home-shop-head>a{background:var(--purple);color:#fff;padding:12px 17px;border-radius:11px;font-weight:700;white-space:nowrap}.home-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.home-product{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(40,27,76,.04)}.home-product-tag{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--purple)}.home-product h3{font-size:15px;line-height:1.4;margin:8px 0 15px}.home-product-meta{font-size:11px;color:var(--muted);margin-top:auto;padding-top:11px;border-top:1px solid var(--line)}.home-product-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.home-product-buy strong{font-size:21px;color:var(--purple)}.home-product-buy a{background:var(--purple-soft);color:var(--purple);border-radius:9px;padding:9px 11px;font-size:12px;font-weight:800}.home-product-buy a:hover{background:var(--purple);color:#fff}@media(max-width:1050px){.home-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.home-shop{padding:48px 16px}.home-shop-head{display:block}.home-shop-head>a{display:inline-block;margin-top:18px}.home-products{grid-template-columns:1fr}}