:root{--bg:#f5f8fe;--card:#fff;--ink:#172c4d;--muted:#728198;--line:#e3eaf5;--brand:#2764ed;--blue:#99c8ff;--soft:#edf4ff;--shadow:0 7px 24px #1e498305;--radius:20px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body.dark{--bg:#101b2c;--card:#17253b;--ink:#edf4ff;--muted:#a1b2cd;--line:#2b3d57;--brand:#7fb2ff;--blue:#80baff;--soft:#213754;--shadow:0 8px 26px #050c1619;color-scheme:dark}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #82baff}button{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:11px;padding:12px 18px;transition:background .16s,box-shadow .16s,transform .12s}button:hover{background:var(--soft);border-color:#a8c7fa;box-shadow:0 4px 12px #2764ed09}button:active{transform:translateY(1px) scale(.99);box-shadow:none}button:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}a{color:var(--brand);text-decoration:none}button.primary{background:#2764ed;color:#fff;border-color:#2764ed;box-shadow:0 5px 13px #2764ed20;font-weight:600}button.primary:hover{background:#1852d7;border-color:#1852d7;box-shadow:0 6px 16px #2764ed30}button.icon{padding:10px 13px;border-radius:12px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.side{padding:31px 21px 23px;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;letter-spacing:-1px;color:var(--ink);width:fit-content}.brand img{width:104px;height:58px;flex-shrink:0;object-fit:contain}.brand span small{display:block;font-size:9px;letter-spacing:1.35px;text-transform:uppercase;color:var(--muted);margin-top:4px;white-space:nowrap}.side>.primary{width:100%;padding:14px 10px}.side nav{display:grid;gap:9px}.navitem{width:100%;text-align:left;border:1px solid transparent;background:none;padding:14px;color:var(--muted);font-weight:500}.navitem.active{background:var(--soft);color:var(--brand);font-weight:600;border-color:transparent}.side .bottom{margin-top:auto;color:var(--muted);font-size:12px;line-height:1.65}.side-note{background:var(--soft);border-radius:15px;padding:17px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;color:var(--brand);font-size:12px;line-height:1.7}.side-note b{font-size:24px;font-weight:400}.avatar{width:36px;height:36px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-weight:700;flex-shrink:0}.profile{display:flex;gap:11px;align-items:center;overflow:hidden}.profile b{display:block;color:var(--ink);max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:14px;background:var(--card);border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content{max-width:1450px;margin:auto;padding:35px 40px 60px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:var(--muted)}h1{font-size:32px;letter-spacing:-1.25px;margin:10px 0 12px;line-height:1.2}h2{font-size:20px;letter-spacing:-.6px;line-height:1.3}p{line-height:1.65;color:var(--muted)}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px;gap:16px}.workspace-heading h1{font-size:27px;margin:8px 0 0}.workspace-heading h1 span{color:var(--brand)}.workspace-note{font-size:11px;color:var(--muted);white-space:nowrap;display:flex;gap:8px;align-items:center}.workspace-note i{width:6px;height:6px;border-radius:50%;background:#4c9a86}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:20px;padding:38px 44px;border-radius:24px;background:#dcecff;color:#183459;min-height:316px;border:1px solid #d2e5ff}.hero>.hero-art{min-width:0}.hero .eyebrow{color:#536f98;letter-spacing:2px;font-size:9px}.hero h1{font-size:43px;line-height:1.13;letter-spacing:-1.8px;margin:19px 0 15px;position:relative;z-index:1}.hero h1 em{color:#2764ed;font-style:normal}.hero p{color:#587397;line-height:1.7;margin:0 0 23px;font-size:13px}.hero button{background:#2764ed;color:#fff;border:1px solid #2764ed;font-size:12px;font-weight:600;box-shadow:0 6px 18px #2764ed25;position:relative;z-index:1}.hero button:hover{background:#1852d7;box-shadow:0 7px 20px #2764ed38}.hero-art{position:relative;height:260px;align-self:center}.orbit{position:absolute;border:1px solid #b7d3fa;border-radius:50%;width:280px;height:280px;right:-3px;top:-8px}.orbit-two{width:340px;height:340px;right:-33px;top:-38px}.demo-sheet{position:absolute;width:206px;height:241px;border-radius:17px;background:#fff;right:26px;top:10px;border:1px solid #d2e2f9;box-shadow:0 16px 34px #3c74bd14}.back-sheet{transform:rotate(-12deg);background:#b0d4ff;right:50px;top:10px;box-shadow:none}.front-sheet{transform:rotate(7deg);padding:21px 22px;color:#183459}.front-sheet>img{width:64px;height:32px;object-fit:contain;display:block}.demo-tag{display:block;font-size:6px;letter-spacing:1.3px;color:#7e95b4;margin:14px 0 7px}.front-sheet strong{display:block;font-size:15px;letter-spacing:-.4px}.demo-line{height:5px;border-radius:5px;background:#e9f0fa;width:100%;margin-top:13px}.demo-line.short-line{width:65%;margin-top:7px}.demo-check{display:flex;align-items:center;gap:8px;font-size:8px;color:#5b7495;margin-top:17px}.demo-check i{font-style:normal;font-size:8px;display:grid;place-items:center;width:13px;height:13px;background:#2764ed;color:white;border-radius:4px}.demo-button{background:#2764ed;color:white;border-radius:6px;font-size:8px;padding:8px 11px;width:90px;margin-top:17px}.floating-badge{position:absolute;right:122px;top:5px;background:white;color:#2764ed;border-radius:40px;font-size:9px;font-weight:600;padding:12px 17px;z-index:2;transform:rotate(-7deg);box-shadow:0 7px 18px #3c74bd12;border:1px solid #edf5ff;white-space:nowrap}.mini-star{position:absolute;right:-4px;bottom:2px;font-size:65px;color:#6da9ff;line-height:1;transform:rotate(12deg)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0 32px}.stat{padding:20px 23px;border:1px solid var(--line);border-radius:17px;background:var(--card);display:flex;justify-content:space-between;align-items:center}.stat strong{font-size:29px;letter-spacing:-1px;display:block;margin-top:9px;font-weight:600}.stat span{font-size:11px;color:var(--muted)}.stat .stat-icon{width:41px;height:41px;border-radius:13px;background:var(--soft);color:var(--brand);font-size:20px;display:grid;place-items:center}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 17px}.sectionhead h2{margin:0;font-size:18px}.sectionhead .help{font-size:11px}.search{max-width:255px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.formcard{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:box-shadow .2s,transform .2s}.formcard:hover{transform:translateY(-3px);box-shadow:0 14px 28px #2f65b30f;border-color:#afcaf3}.formcover{height:130px;background:var(--soft);display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden;background-image:radial-gradient(#afc8ef5c .7px,transparent .7px);background-size:13px 13px}.paper{width:72px;height:91px;border-radius:7px;background:var(--card);transform:rotate(-8deg);padding:13px;box-shadow:0 7px 14px #1b478514}.paper:before{content:'';display:block;width:25px;height:5px;border-radius:3px;background:#689cfa;margin-bottom:12px}.paper i{display:block;height:3px;background:var(--line);margin:7px 0;border-radius:2px}.paper i:last-child{width:62%}.formbody{padding:20px}.formtitle{display:block;border:0;background:none;text-align:left;font-size:15px;font-weight:600;line-height:1.5;padding:0;margin:0 0 14px;width:100%}.formtitle:hover{background:none;box-shadow:none;color:var(--brand)}.formmeta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.badge{background:var(--soft);padding:5px 8px;border-radius:6px;font-size:9px;color:var(--muted);white-space:nowrap}.badge.live{background:#eaf7f0;color:#367b60}body.dark .badge.live{background:#1d3d38;color:#9edbc4}.empty{padding:48px 24px;text-align:center;border:1px dashed #c6d8f3;border-radius:18px;grid-column:1/-1}.empty h2{margin:0;font-size:19px}.templatebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.template{display:flex;align-items:center;gap:13px;text-align:left;padding:18px 16px;border-radius:15px;min-width:0}.template strong{display:block;font-size:12px;line-height:1.4}.template small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}.template .symbol{display:grid;place-items:center;color:var(--brand);background:var(--soft);border-radius:11px;width:36px;height:40px;flex-shrink:0;font-size:22px}input,textarea,select{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:12px 14px;border-radius:10px;max-width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#8796ac}input:focus,textarea:focus,select:focus{outline:none;border-color:#78a6f8;box-shadow:0 0 0 3px #4485f51c}input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea{width:100%}input[type=checkbox],input[type=radio]{accent-color:var(--brand);width:17px;height:17px;vertical-align:middle;flex-shrink:0}textarea{resize:vertical;min-height:90px}label{display:block;font-size:13px}.field{display:grid;gap:9px;margin:20px 0}.help{font-size:12px;color:var(--muted);line-height:1.7}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{display:flex;flex-direction:column;justify-content:space-between;gap:25px;padding:60px 65px;background:#deedff;color:#183459;position:relative;overflow:hidden}.auth-art h1{font-size:47px;letter-spacing:-2px;line-height:1.12;margin-top:45px;max-width:500px}.auth-art p{color:#5e789d;max-width:390px}.auth-art .brand{color:#183459}.auth-brand-art{align-self:center;display:grid;place-items:center;width:min(380px,90%);aspect-ratio:1.2;background:#ffffff63;border:1px solid #ffffffb0;border-radius:55px;transform:rotate(-7deg);box-shadow:0 25px 70px #4a83cd0d;margin:8px 0 25px;padding:50px 25px;position:relative}.auth-brand-art:after{content:'↗';position:absolute;right:-15px;top:-25px;color:#8ebdff;font-size:80px;line-height:1}.auth-brand-art img{width:100%;height:auto;max-height:150px}.auth-brand-art>span{font-size:14px;letter-spacing:5px;color:#5d83b5;transform:rotate(7deg);margin-top:12px}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--card)}.auth-box{max-width:380px;width:100%}.auth-box h1{font-size:32px}.auth-box form{margin:29px 0}.auth-box .primary{width:100%;margin-top:13px;padding:14px}.auth-box>p{font-size:13px}.auth-box .help{font-size:12px}.auth-mobile-brand{display:none}.textbutton{border:0;background:none;color:var(--brand);padding:5px;box-shadow:none;font-size:12px}.textbutton:hover{box-shadow:none}.error{color:#b23b3b;background:#fff0ef;padding:13px;border-radius:10px;font-size:13px;line-height:1.6}body.dark .error{color:#ffb5b5;background:#482a32}.tabs{display:flex;justify-content:center;gap:38px;background:var(--card);border-bottom:1px solid var(--line)}.tabs button{padding:21px 4px;border:0;background:none;border-radius:0;color:var(--muted);font-size:13px}.tabs button:hover{box-shadow:none;color:var(--brand)}.tabs button.active{color:var(--brand);font-weight:600;box-shadow:inset 0 -3px var(--brand)}.editor-wrap{max-width:820px;margin:32px auto;padding:0 20px 65px}.titlecard,.question,.panel{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:29px;margin-bottom:18px;box-shadow:var(--shadow)}.titlecard{border-top:5px solid var(--brand)}.titlecard input{font-size:28px;font-weight:600;letter-spacing:-1px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:7px 0 17px;box-shadow:none}.titlecard textarea{padding:7px 0;border:0;min-height:65px;margin-top:12px}.qhead{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:15px}.qhead input{font-weight:600}.qfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.qfoot .actions{gap:5px}.qfoot button{font-size:11px;padding:7px 10px;border-radius:8px}.qfoot label{font-size:12px}.question{border-left:3px solid #7cb1ff}.qpreview{color:var(--muted);font-size:13px;margin:23px 0;border-bottom:1px dotted var(--line);padding-bottom:12px;max-width:73%}.opts{display:grid;gap:10px;margin-top:20px}.opt{display:flex;align-items:center;gap:10px}.opt input{flex:1;min-width:0}.addquestion{width:100%;padding:18px;border:1px dashed #a6c8fa;background:var(--soft);color:var(--brand)}.stickytools{position:sticky;bottom:15px;padding:12px;display:flex;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:var(--shadow);margin-top:20px}.public{max-width:720px;margin:40px auto;padding:0 20px 55px}.public .brand{justify-content:center;margin:0 auto 30px}.public .brand img{width:115px;height:64px}.public h1{font-size:32px}.public .question{border-left:1px solid var(--line)}.public label.qtitle{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 22px}.required{color:var(--brand)}.choice{display:flex;align-items:center;gap:11px;margin:16px 0;line-height:1.5}.public .footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0}.rating{display:flex;gap:12px}.rating label{display:grid;justify-items:center;gap:12px;padding:12px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:var(--card);font-size:13px}th,td{padding:15px;border-bottom:1px solid var(--line);text-align:left;min-width:145px;max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere}th{background:var(--soft);font-weight:600;color:var(--brand);font-size:12px}.notice{padding:18px 21px;background:var(--soft);border-radius:12px;line-height:1.75;color:var(--muted);margin:17px 0;font-size:13px}.split{display:flex;justify-content:space-between;align-items:center;gap:16px}.save-status{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:none;padding:14px 23px;border-radius:12px;background:var(--ink);color:var(--card);box-shadow:0 8px 25px #102a4822;max-width:90%;z-index:100;font-size:13px}dialog{border:1px solid var(--line);border-radius:22px;padding:32px;background:var(--card);color:var(--ink);width:calc(100% - 32px);max-width:520px;box-shadow:0 25px 80px #0c28572a}dialog::backdrop{background:#142c4f60;backdrop-filter:blur(4px)}.sharelink{margin:22px 0}body.public-bg{background:var(--soft)}.previewnote{text-align:center;padding:12px;background:var(--soft);font-size:12px;color:var(--muted)}.mobile-brand,.mobile-menu{display:none}.login-note{font-size:10px!important;line-height:1.7;margin-top:22px;color:var(--muted)}.hide{display:none!important}@media(min-width:1550px){.hero h1{font-size:50px}.hero{padding:44px 50px}.hero-art{transform:scale(1.08);transform-origin:right center}}@media(max-width:1200px){.content{padding:28px}.topbar{padding:0 28px}.hero{padding:32px;grid-template-columns:minmax(0,1fr) 240px}.hero h1{font-size:36px}.workspace-note{display:none}.template{padding:16px 12px;gap:9px}.template small{font-size:9px}.template .symbol{width:29px;height:35px;font-size:19px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-sheet{right:12px}.back-sheet{right:32px}.floating-badge{right:70px}.mini-star{right:-10px}.auth-art{padding:40px}.auth-art h1{font-size:41px}.brand img{width:94px}}@media(max-width:980px){.shell{grid-template-columns:214px minmax(0,1fr)}.side{padding:25px 15px}.side .brand{font-size:23px;gap:5px}.side .brand img{width:91px}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero h1{font-size:39px}.templatebar{grid-template-columns:1fr}.template{padding:15px 18px;gap:13px}.template small{font-size:11px}.template .symbol{width:36px;height:40px;font-size:23px}.auth-art h1{font-size:36px}.topbar .save-status{display:none}.topbar .actions{flex-wrap:nowrap;gap:6px}.topbar button{padding:10px;font-size:12px}.crumb{font-size:11px}.stat{padding:18px}.stat .stat-icon{display:none}}@media(max-width:720px){.shell{display:block}.side{display:none}.topbar{height:auto;min-height:77px;padding:13px 18px;flex-wrap:wrap;gap:10px}.crumb{display:none}.mobile-brand{display:flex;align-items:center;gap:5px;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.8px}.mobile-brand img{width:65px;height:34px}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:9px;line-height:17px;color:var(--muted)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;right:0;top:45px;background:var(--card);border:1px solid var(--line);padding:8px;box-shadow:0 10px 30px #12305a20;border-radius:12px;width:170px;z-index:10;display:grid;gap:4px}.mobile-menu button{text-align:left;border:0;padding:12px!important}.topbar .actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.topbar button{padding:9px 10px;font-size:11px}.topbar:has([data-act=save]) .mobile-brand{width:100%;justify-content:center}.topbar:has([data-act=save]) .actions{margin:auto;justify-content:center}.content{padding:25px 18px 45px}.workspace-heading{margin-bottom:21px}.workspace-heading .eyebrow{font-size:8px}.workspace-heading h1{font-size:23px;letter-spacing:-.9px;max-width:300px;line-height:1.25}.hero{padding:28px 25px;border-radius:21px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:34px;letter-spacing:-1.4px;margin-top:17px}.hero p{font-size:12px;margin-bottom:21px}.hero button{font-size:12px;padding:12px 16px}.stats{gap:9px;margin:15px 0 27px}.stat{padding:15px 13px;border-radius:14px}.stat strong{font-size:26px;margin-top:9px}.stat span{font-size:9px;white-space:nowrap}.grid{grid-template-columns:1fr}.sectionhead{flex-wrap:wrap;margin:25px 0 15px;gap:9px}.sectionhead h2{font-size:18px}.sectionhead .help{font-size:10px}.search{max-width:none}.templatebar{gap:10px}.template{border-radius:14px}.template strong{font-size:12px}.template small{font-size:10px}.auth{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:28px;min-height:100vh}.auth-mobile-brand{display:block;margin-bottom:47px}.auth-mobile-brand .brand{margin:auto}.auth-box h1{font-size:31px}.auth-box .eyebrow{font-size:9px}.qhead{grid-template-columns:1fr;gap:12px}.qhead select{width:100%}.question,.titlecard,.panel{padding:23px 20px;border-radius:16px}.titlecard input{font-size:26px}.qfoot{align-items:flex-start;gap:8px}.qfoot .actions{flex-wrap:wrap;gap:4px}.qfoot button{padding:7px 8px;font-size:10px}.qfoot label{font-size:11px;white-space:nowrap;padding-top:4px}.editor-wrap{margin-top:23px;padding:0 12px 45px}.tabs{gap:34px}.tabs button{padding:17px 3px;font-size:12px}.public{margin:24px auto;padding:0 13px 35px}.public h1{font-size:29px}.public .brand{margin-bottom:23px}.public .brand img{width:110px;height:60px}.public label.qtitle{font-size:15px}.split{align-items:flex-start;flex-wrap:wrap}.rating{gap:0}.rating label{padding:9px}.empty{padding:36px 20px}.side-note{display:none}.formcover{height:143px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.topbar{position:sticky;top:0;z-index:20}.shell>main{min-width:0}.mobile-menu[open]>summary{color:var(--brand);background:var(--soft)}

input[type=color]{width:64px;height:42px;padding:5px;cursor:pointer}
@media(max-width:700px){.topbar:has([data-act=save]) [data-act=home]{display:none}.topbar:has([data-act=save]) .actions{flex-wrap:nowrap}.topbar button,.mobile-menu summary{min-height:40px}}

/* Original supplied UGC TEAM artwork, with its original colours and proportions. */
.brand img,.side .brand img{width:88px;height:88px;object-fit:contain;border-radius:14px}.auth-brand-art{aspect-ratio:1;padding:26px;transform:none}.auth-brand-art img{max-height:none;width:100%;height:auto;border-radius:26px}.auth-brand-art>span{display:none}.auth-brand-art:after{display:none}.public .brand img{width:100px;height:100px}.front-sheet img{width:58px;height:58px;object-fit:contain;border-radius:9px}.mobile-brand img{width:48px;height:48px;object-fit:contain;border-radius:9px}
@media(max-width:700px){.brand img,.side .brand img{width:80px;height:80px}.mobile-brand img{width:44px;height:44px}.public .brand img{width:90px;height:90px}}

/* Brand direction: the supplied sky-blue patterned UGC artwork. */
:root{--bg:#f1f5fc;--card:#fffdf9;--ink:#20334d;--muted:#62758e;--brand:#2862d5;--soft:#e3edfc;--line:#d5e0ef;--wine:#7d3028;--sky:#94b8ec}
body.dark{--bg:#111d2c;--card:#1b2a3e;--ink:#f4f0e9;--muted:#a5b6cd;--brand:#9fc5ff;--soft:#263c59;--line:#34475e;--wine:#eaa99a}
h1,h2,.formtitle,.brand>span{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-1px}
.brand>span{font-style:italic;font-size:30px}.brand span small{font:700 8px Arial,sans-serif;letter-spacing:1.6px}
.workspace-heading h1{font-size:30px}.workspace-heading h1 span{color:var(--wine)}
.hero{background:#9bbded;border:0;border-radius:42px 14px 42px 14px;isolation:isolate;padding:42px 45px;min-height:350px}
.hero:before,.auth-art:before{content:'';position:absolute;inset:0;background-image:url('/forms/static/brand-pattern.svg');background-size:420px 420px;opacity:.45;z-index:-1;pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#a7c7f1f5 0%,#a7c7f1c9 48%,#a7c7f100 100%);z-index:-1;pointer-events:none}
.hero h1{font-size:54px;line-height:1.02;letter-spacing:-2px;font-weight:500;color:#233c5c}.hero h1 em{font-style:italic;color:#7d3028;font-weight:500}.hero .eyebrow{color:#3b5879}.hero p{color:#354f70;font-size:14px}.hero button{border-radius:40px;padding:14px 24px;background:#245ac2;border-color:#245ac2}
.hero-art{height:275px}.demo-sheet{border-radius:25px 8px 25px 8px;top:15px;height:250px;background:#fffdf9}.back-sheet{background:#628fce;border-color:#628fce;transform:rotate(-13deg)}.front-sheet{transform:rotate(8deg)}.front-sheet strong{font-family:Georgia,serif;font-style:italic;font-size:18px;font-weight:500}.orbit{border-color:#6f98ce70}.floating-badge{color:#7d3028;background:#fffdf9}.mini-star{color:#7d3028;font-family:Georgia,serif}
.side{background:var(--card);padding-top:27px}.side .brand{gap:12px}.brand img,.side .brand img{border-radius:23px 6px 23px 6px}.side>.primary{border-radius:30px}.navitem{border-radius:12px 4px 12px 4px}.side-note{border-radius:22px 5px 22px 5px;background:var(--soft);color:var(--ink)}.side-note b{color:var(--wine)}
.stat{border-radius:25px 8px 25px 8px}.stat strong{font-family:Georgia,serif;font-size:34px;font-weight:400}.stat .stat-icon{border-radius:50%}.template{border-radius:22px 7px 22px 7px;background:var(--card)}.template .symbol{background:transparent;color:var(--wine);font-size:30px;font-family:Georgia,serif}.template strong{font-size:13px}.sectionhead h2{font-size:23px}.formcard{border-radius:26px 9px 26px 9px}.formcover{background-color:#a9c6ed;background-image:url('/forms/static/brand-pattern.svg');background-size:240px}.formtitle{font-size:21px;color:var(--ink)}.paper{border-radius:12px 3px 12px 3px;background:#fffdf9}.paper:before{background:#7d3028}.badge.live{background:#e3edfc;color:#315c9a}
.auth-art{background:#9bbded;isolation:isolate;padding:48px 58px}.auth-art:before{opacity:.65}.auth-art h1{font-size:58px;font-style:italic;line-height:1.04;letter-spacing:-2px;color:#7d3028;max-width:490px}.auth-art p{color:#314c70;max-width:340px}.auth-art .brand{color:#20334d}.auth-art .eyebrow{color:#355273}.auth-brand-art{width:min(350px,85%);border-radius:65% 35% 48% 52% / 45% 46% 54% 55%;padding:26px;background:#b8d1f0;border:1px solid #d3e3f8;box-shadow:none;transform:rotate(-6deg)}.auth-brand-art img{border-radius:50%;transform:rotate(6deg)}.auth-box h1{font-size:43px}.auth-form{background:var(--card)}.auth-box .primary{border-radius:30px}.auth-box .eyebrow{color:var(--wine)}
.titlecard{border-radius:30px 9px 30px 9px}.titlecard input,.public h1{font-family:Georgia,serif;font-size:34px;font-weight:500}.question{border-radius:23px 8px 23px 8px}.panel{border-radius:28px 9px 28px 9px}.panel h2{font-size:26px}.public-bg{background-color:var(--bg);background-image:url('/forms/static/brand-pattern.svg');background-size:580px}.public .titlecard{background:var(--card)}.public .brand img{border-radius:26px 7px 26px 7px}
@media(max-width:1100px){.hero h1{font-size:44px}.auth-art h1{font-size:46px}.hero{padding:34px}.workspace-heading h1{font-size:27px}}
@media(max-width:700px){.hero{border-radius:31px 9px 31px 9px;padding:29px 25px;min-height:0}.hero h1{font-size:40px;line-height:1.06;letter-spacing:-1.6px}.hero:after{background:#a7c7f1b5}.hero p{font-size:12px}.workspace-heading h1{font-size:26px}.mobile-brand{font-family:Georgia,serif;font-style:italic;font-size:24px;gap:9px}.mobile-brand img{border-radius:12px 4px 12px 4px}.stat strong{font-size:29px}.sectionhead h2{font-size:22px}.auth-box h1{font-size:37px}.auth-form{background:var(--bg)}.auth-mobile-brand{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:32px}.public h1,.titlecard input{font-size:30px}.template strong{font-size:13px}.panel h2{font-size:25px}}