:root{--blue:#0b4aa2;--blue2:#1267cf;--navy:#071b38;--ink:#10233f;--muted:#5b6b80;--line:#dce5f0;--pale:#f4f8fc;--white:#fff;--shadow:0 18px 50px rgba(12,45,86,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:20}.topline{background:var(--navy);color:#dbe8fa;font-size:12px}.topline .wrap{display:flex;justify-content:flex-end;gap:26px;padding:7px 0}.site-header{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid rgba(220,229,240,.8)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.brand img{width:260px;height:58px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{text-decoration:none;font-weight:650;font-size:14px}.nav nav a.active{color:var(--blue)}.button{display:inline-flex;border:0;border-radius:8px;background:var(--blue);color:white!important;text-decoration:none;padding:13px 22px;font:inherit;font-weight:750;cursor:pointer;align-items:center;justify-content:center;transition:.2s}.button:hover{background:var(--blue2);transform:translateY(-1px)}.button.small{padding:9px 17px}.button.full{width:100%}.button:disabled{opacity:.6}.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:7px;padding:8px 12px}.hero{padding:76px 0 84px;background:linear-gradient(120deg,#f8fbff 0%,#edf5ff 55%,#fff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(42px,5.2vw,70px);letter-spacing:-.045em;line-height:1.05;margin:18px 0 24px}.hero p,.page-hero p{font-size:18px;color:var(--muted);max-width:650px}.hero-image{position:relative}.hero-image:before{content:"";position:absolute;inset:-20px 30% 24% -28px;background:var(--blue);border-radius:18px;z-index:0}.hero-image img,.feature-image{position:relative;border-radius:18px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}.eyebrow{display:inline-block;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.text-link{color:var(--blue);font-weight:750;text-decoration:none}.section{padding:94px 0}.section.pale{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split h2,.section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-.035em;margin:14px 0}.split p{color:var(--muted)}.align-start{align-items:start}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 8px 28px rgba(12,45,86,.05)}.card h2,.card h3{line-height:1.2;margin:16px 0 12px}.card h2{font-size:21px}.card p{color:var(--muted)}.icon{color:var(--blue);font-weight:850}.navy{background:var(--navy);color:white}.navy p{color:#b8c9e0}.light{color:#79b4ff}.page-hero{padding:80px 0;background:linear-gradient(120deg,#eef5ff,#fff)}.page-hero h1{font-size:clamp(40px,5vw,62px);max-width:900px}.page-hero.compact{padding:64px 0}.feature-image{width:100%}.service-cards .card{border-top:4px solid var(--blue)}.catalog-tools{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:22px;background:var(--pale);border-radius:14px}.catalog-tools label,label{font-weight:700;font-size:13px}.catalog-tools input,.catalog-tools select,input,select,textarea{width:100%;display:block;margin-top:7px;padding:12px 13px;border:1px solid #bfccdc;border-radius:7px;background:white;font:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(18,103,207,.15);border-color:var(--blue)}.catalog-count{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-height:230px;border:1px solid var(--line);border-radius:13px;padding:24px;background:white;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b7cdec}.product-card[hidden]{display:none}.product-card h2{font-size:27px;margin:10px 0 0}.product-card p{margin:0;color:var(--muted)}.category{font-size:11px;font-weight:850;color:var(--blue);letter-spacing:.13em}.product-buy{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px}.product-buy strong{white-space:nowrap}.disclaimer{margin-top:50px;padding:25px 30px;border-left:4px solid var(--blue);background:var(--pale)}.disclaimer p{font-size:13px;color:var(--muted);margin:7px 0}dialog{width:min(510px,calc(100% - 30px));border:0;border-radius:16px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(4,18,39,.68);backdrop-filter:blur(3px)}dialog form{padding:36px}dialog label{display:block;margin:16px 0}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.selected-price{font-size:20px;font-weight:800;color:var(--blue)}.fineprint{font-size:12px;color:var(--muted)}.form-error{color:#b42318}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-list>div{padding:20px 0;border-bottom:1px solid var(--line)}.contact-list p{margin:5px 0;color:var(--muted)}.contact-form{padding:35px;background:var(--pale);border-radius:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;margin-bottom:16px}.notice{padding:12px;background:#e6f7ee;color:#17663a;border-radius:7px}.prose{max-width:850px}.prose h2{font-size:38px}.prose h3{margin-top:34px}.prose li{margin-bottom:12px}.status-page{min-height:65vh;display:grid;place-items:center;background:var(--pale)}.status-card{width:min(600px,calc(100% - 30px));background:white;border-radius:16px;padding:44px;box-shadow:var(--shadow);text-align:center}.status-icon{width:64px;height:64px;margin:0 auto 22px;border-radius:50%;background:#def7e9;color:#16824d;display:grid;place-items:center;font-size:32px}.status-card dl{text-align:left;margin:30px 0;border-top:1px solid var(--line)}.status-card dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.status-card dd{font-weight:700}.paid{color:#16824d}footer{background:#071528;color:#c2cfe0;padding:62px 0 0}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:50px}.footer-logo{width:230px;background:white;border-radius:6px}.footer-grid h2{font-size:14px;color:white;text-transform:uppercase;letter-spacing:.1em}.footer-grid a{display:block;color:#c2cfe0;text-decoration:none;margin:7px 0}.copyright{border-top:1px solid #273950;padding:22px 0;margin-top:45px;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
.admin{background:#f3f6fa}.admin-header{height:72px;background:white;border-bottom:1px solid var(--line);padding:0 28px;display:flex;justify-content:space-between;align-items:center}.admin-header img{width:190px}.admin-header nav{display:flex;gap:24px;align-items:center}.admin-header nav a,.admin-header button{border:0;background:none;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.admin-header form{margin:0}.admin-main{padding:35px;max-width:1600px;margin:auto}.admin-title{display:flex;justify-content:space-between;align-items:center}.admin-title h1{margin:5px 0 25px}.filters{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:10px;background:white;padding:16px;border-radius:10px;margin-bottom:18px}.table-wrap{overflow:auto;background:white;border-radius:10px}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.table-wrap th,.table-wrap td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table-wrap th{background:#eaf1fa}.badge{padding:4px 8px;border-radius:20px;background:#edf0f4}.badge.paid{background:#dcf7e9;color:#177245}.badge.failed{background:#fee6e3;color:#a22}.empty{padding:30px;text-align:center}.admin-products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-edit{background:white;padding:18px;border-radius:10px;display:grid;grid-template-columns:100px 2fr 1fr 1fr auto auto;gap:12px;align-items:end}.check{padding-bottom:10px}.check input{width:auto;display:inline}.settings-form{background:white;border-radius:12px;padding:28px;max-width:700px;display:grid;gap:16px}.login-page{min-height:100vh;background:var(--pale);display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 30px));background:white;padding:38px;border-radius:16px;box-shadow:var(--shadow)}.login-card img{width:240px;margin:auto}.login-card label{display:block;margin:16px 0}.login-card>a{display:block;text-align:center;margin-top:18px}
@media(max-width:950px){.topline{display:none}.nav{height:70px}.brand img{width:210px}.nav-toggle{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:24px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:45px}.hero-image{max-width:650px}.cards.three{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.product-edit{grid-template-columns:1fr 2fr 1fr}.admin-products{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1160px)}.hero,.section{padding:60px 0}.hero h1,.page-hero h1{font-size:40px}.hero-grid{gap:55px}.actions{align-items:flex-start;flex-direction:column}.cards.three,.product-grid,.catalog-tools,.form-row,.footer-grid{grid-template-columns:1fr}.section-head{align-items:start;gap:20px;flex-direction:column}.product-card{min-height:200px}.contact-form{padding:24px}.status-card{padding:30px 22px}.status-card dl div{display:block}.status-card dd{margin:2px 0}.admin-header{padding:0 15px}.admin-header img{width:130px}.admin-header nav{gap:10px;font-size:12px}.admin-main{padding:20px 12px}.filters{grid-template-columns:1fr 1fr}.admin-title{align-items:flex-start;gap:15px}.product-edit{grid-template-columns:1fr}.service-cards .card{padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
.invoice-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin-bottom:38px}.invoice-download-grid article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 35px rgba(14,49,94,.08)}.invoice-download-grid article p{color:var(--muted)}.invoice-download-grid form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:24px}.invoice-art{position:absolute;right:-18px;top:-25px;width:105px;height:105px;border-radius:30px;display:grid;place-items:center;background:#e8f3ff;color:#1670d8;font-size:40px;font-weight:850;transform:rotate(15deg);opacity:.8}.invoice-art.monthly{background:#f0ebff;color:#7657d7}.invoice-list h2{margin:5px 0 18px}.table-action{display:inline-block;padding:6px 10px;border-radius:6px;background:#e9f3ff;color:#0b4aa2;font-weight:750;text-decoration:none}@media(max-width:800px){.invoice-download-grid{grid-template-columns:1fr}}@media(max-width:520px){.invoice-download-grid form{grid-template-columns:1fr}}
.admin-actions{display:flex;align-items:end;gap:12px}.admin-actions form{display:flex;align-items:end;gap:10px}.admin-actions label{min-width:155px}.button.secondary{background:#eef4fb;color:var(--blue)!important;border:1px solid #cbdcf1}@media(max-width:760px){.admin-actions,.admin-actions form{align-items:stretch;flex-direction:column}.admin-title{flex-direction:column}.admin-actions{width:100%;margin-bottom:18px}}
.admin-subtitle{margin:-18px 0 22px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-grid article{position:relative;overflow:hidden;background:#fff;padding:20px 22px;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 25px rgba(14,49,94,.06)}.stat-grid article:after{content:"";position:absolute;width:75px;height:75px;border-radius:22px;right:-25px;top:-27px;transform:rotate(25deg);background:#1a70d4;opacity:.1}.stat-grid article:nth-child(2):after{background:#12a06e}.stat-grid article:nth-child(3):after{background:#df8c27}.stat-grid article:nth-child(4):after{background:#7857d8}.stat-grid span{display:block;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.stat-grid strong{display:block;margin-top:6px;font-size:25px}.invoice-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:end;background:linear-gradient(115deg,#0b3264,#0b4aa2);color:#fff;padding:22px 24px;border-radius:14px;margin-bottom:20px;box-shadow:0 14px 32px rgba(8,52,112,.18)}.invoice-toolbar .eyebrow{color:#9ecbff}.invoice-toolbar h2{margin:4px 0;font-size:20px}.invoice-toolbar form{display:flex;align-items:end;gap:9px}.invoice-toolbar label{color:#dceaff;min-width:145px}.invoice-toolbar input{background:#fff;margin-top:5px}.invoice-toolbar .button{background:#fff;color:var(--blue)!important}.filters{border:1px solid var(--line);box-shadow:0 8px 25px rgba(14,49,94,.05)}.table-wrap{border:1px solid var(--line);box-shadow:0 10px 30px rgba(14,49,94,.06)}.table-wrap tbody tr:hover{background:#f4f8fd}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.invoice-toolbar{grid-template-columns:1fr}.invoice-toolbar form{justify-content:flex-start}}@media(max-width:600px){.stat-grid{grid-template-columns:1fr}.invoice-toolbar form{align-items:stretch;flex-direction:column}}
.materials-section{background:linear-gradient(180deg,#fbfdff 0%,#f3f7ff 45%,#faf7ff 100%)}.product-grid{gap:20px}.product-card{border:1px solid color-mix(in srgb,var(--card-accent) 30%,white);border-top:6px solid var(--card-accent)!important;background:linear-gradient(145deg,#fff 25%,var(--card-soft) 100%)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--card-accent) 12%,transparent)}.product-card:nth-child(4n+1){--card-accent:#1670d8;--card-soft:#e9f3ff}.product-card:nth-child(4n+2){--card-accent:#7657d7;--card-soft:#f0ebff}.product-card:nth-child(4n+3){--card-accent:#009d98;--card-soft:#e4faf7}.product-card:nth-child(4n){--card-accent:#df626c;--card-soft:#ffebed}.product-card h2{color:color-mix(in srgb,var(--card-accent) 32%,var(--ink))}.product-card .button{background:var(--card-accent);box-shadow:0 9px 20px color-mix(in srgb,var(--card-accent) 28%,transparent)}.product-card .button:hover{filter:brightness(1.08)}.product-card:after{width:120px;height:120px;right:-55px;top:-62px;opacity:.16}.catalog-tools{background:linear-gradient(115deg,#eaf4ff,#f2edff 50%,#e8fbf8);border:1px solid #dbe6f5;box-shadow:0 12px 28px rgba(28,72,132,.08)}
.materials-heading{max-width:820px;text-align:center}.materials-heading p{margin-left:auto;margin-right:auto}.materials-heading .learning-points{justify-content:center}.materials-showcase{position:relative}.materials-showcase:before,.materials-showcase:after{content:"";position:absolute;width:190px;height:190px;border-radius:34px;opacity:.15;transform:rotate(28deg);pointer-events:none}.materials-showcase:before{left:-85px;top:-90px;background:#1470db;box-shadow:35px 35px 0 #7455dc}.materials-showcase:after{right:-90px;bottom:-110px;background:#08a6a2;box-shadow:-35px -35px 0 #ef7778}.product-grid{perspective:1200px}.product-card{overflow:hidden;isolation:isolate}.product-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:28px;right:-44px;top:-48px;background:var(--card-accent,#1670d8);opacity:.12;transform:rotate(32deg);z-index:-1;transition:transform .35s ease,opacity .35s ease}.product-card:hover:after{transform:rotate(42deg) scale(1.25);opacity:.2}.product-card:nth-child(4n+1){--card-accent:#1670d8}.product-card:nth-child(4n+2){--card-accent:#7657d7}.product-card:nth-child(4n+3){--card-accent:#08a6a2}.product-card:nth-child(4n){--card-accent:#e76b70}.product-card strong{color:var(--card-accent)}
.materials-showcase{padding:72px 0;background:radial-gradient(circle at 12% 10%,rgba(83,156,255,.22),transparent 34%),linear-gradient(135deg,#f7fbff 0%,#edf3ff 48%,#f9f1ff 100%);overflow:hidden}.materials-showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.materials-showcase h1{font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:17px 0}.materials-showcase p{font-size:18px;color:var(--muted);max-width:570px}.learning-visual{position:relative;filter:drop-shadow(0 28px 35px rgba(23,67,135,.18));animation:visualFloat 6s ease-in-out infinite}.learning-visual:before{content:"";position:absolute;inset:11% -3% -5% 13%;border-radius:28px;background:linear-gradient(135deg,#1368d1,#8d5bd8);z-index:-1}.learning-visual img{border-radius:24px;aspect-ratio:16/9;object-fit:cover}.learning-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.learning-points span{padding:8px 12px;border:1px solid rgba(15,76,157,.15);border-radius:99px;background:rgba(255,255,255,.74);color:#244d84;font-size:12px;font-weight:750}.materials-section{background:linear-gradient(180deg,#fff,#f8fbff)}.product-card:nth-child(4n+1){border-top:4px solid #1670d8;background:linear-gradient(145deg,#fff,#f2f8ff)}.product-card:nth-child(4n+2){border-top:4px solid #7657d7;background:linear-gradient(145deg,#fff,#f7f3ff)}.product-card:nth-child(4n+3){border-top:4px solid #08a6a2;background:linear-gradient(145deg,#fff,#effcfb)}.product-card:nth-child(4n){border-top:4px solid #e76b70;background:linear-gradient(145deg,#fff,#fff4f3)}.product-card h2{letter-spacing:-.02em}.product-card .button{box-shadow:0 8px 18px rgba(11,74,162,.2)}@media(max-width:950px){.materials-showcase-grid{grid-template-columns:1fr}.learning-visual{max-width:720px}}@media(max-width:600px){.materials-showcase{padding:54px 0}.learning-points{gap:6px}}
.phone-field{display:grid;grid-template-columns:190px 1fr;gap:10px;margin-top:7px}.phone-field select,.phone-field input{margin-top:0}.product-card{position:relative;transform-style:preserve-3d;perspective:900px;box-shadow:0 8px 22px rgba(14,55,110,.055)}.product-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,rgba(255,255,255,.72),transparent 42%);pointer-events:none}.product-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-7px);box-shadow:0 24px 45px rgba(10,63,134,.16)}.service-cards .card{transition:transform .35s ease,box-shadow .35s ease}.service-cards .card:hover{transform:perspective(1000px) rotateX(2deg) translateY(-8px);box-shadow:0 25px 55px rgba(8,52,112,.15)}.hero-image{filter:drop-shadow(0 30px 35px rgba(8,46,98,.16));animation:visualFloat 6s ease-in-out infinite}@keyframes visualFloat{0%,100%{transform:perspective(1100px) rotateY(-2deg) translateY(0)}50%{transform:perspective(1100px) rotateY(2deg) translateY(-9px)}}@media(max-width:600px){.phone-field{grid-template-columns:1fr}.product-card:hover{transform:translateY(-3px)}}