*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#062446;background:#f5fbff}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:50;background:rgba(2,25,54,.95);backdrop-filter:blur(14px);border-bottom:1px solid #1d5a91}.nav{max-width:1440px;margin:auto;height:88px;display:flex;align-items:center;gap:28px;padding:0 28px}.nav img{height:70px}.navlinks{display:flex;gap:24px;margin-left:auto;color:white;font-weight:700}.btn{border:0;border-radius:999px;padding:13px 22px;font-weight:800;cursor:pointer;background:#087ed0;color:white;box-shadow:0 9px 28px #087ed044}.btn.alt{background:white;color:#073c68}.hero{min-height:720px;display:grid;place-items:center;text-align:center;color:white;padding:80px 24px;background:radial-gradient(circle at 50% 20%,#168bdc55,transparent 35%),linear-gradient(135deg,#02152f,#063d70 65%,#0aa5df);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;left:-10%;right:-10%;bottom:-80px;height:210px;background:radial-gradient(ellipse at center,#fff 0 12%,#d8f7ff 13% 30%,transparent 31%);opacity:.35}.hero h1{font-size:clamp(48px,8vw,110px);line-height:.9;margin:20px 0}.hero p{font-size:22px;max-width:850px;margin:0 auto 30px}.section{max-width:1400px;margin:auto;padding:90px 28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.card{background:white;border:1px solid #cce8f8;border-radius:24px;padding:28px;box-shadow:0 14px 40px #123e5d12}.builder{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:20px;padding:20px;max-width:1800px;margin:auto}.viewer{height:calc(100vh - 130px);min-height:620px;position:sticky;top:108px;background:linear-gradient(#dff7ff,#f9fdff 65%,#bcecff);border-radius:24px;overflow:hidden;border:1px solid #9fd4ed}.viewer canvas{width:100%;height:100%;display:block}.viewer-tools{position:absolute;left:18px;top:18px;display:flex;flex-wrap:wrap;gap:8px}.viewer-tools button{border:1px solid #8abbd1;background:#fff;padding:9px 12px;border-radius:10px;font-weight:700}.config{background:#fff;border-radius:24px;border:1px solid #c6e3f2;overflow:hidden}.config-head{padding:24px;background:#062b50;color:white}.group{border-bottom:1px solid #d8ebf5;padding:20px}.group h3{margin:0 0 12px}.choice{display:block;padding:13px;border:1px solid #c8dfeb;border-radius:13px;margin:8px 0;cursor:pointer}.choice:has(input:checked){border-color:#0785cf;background:#e9f7ff}.choice input{margin-right:9px}.total{position:sticky;bottom:0;padding:20px;background:#052b50;color:white;display:flex;align-items:center;justify-content:space-between}.total strong{font-size:28px}.notice{padding:12px;border-radius:12px;background:#fff4d8;color:#6d4b00;margin:10px 0}.footer{background:#02182e;color:#d8edf9;padding:50px 28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:13px;border:1px solid #b9d6e6;border-radius:10px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #d7e8f1;text-align:left}@media(max-width:950px){.builder{grid-template-columns:1fr}.viewer{position:relative;top:0;height:55vh;min-height:430px}.navlinks{display:none}.form-grid{grid-template-columns:1fr}}