body.hqn-native.auth-trial{background:radial-gradient(ellipse at 10% 10%,#eaf2ff 0,transparent 38%),#f7f9fd}
body.hqn-native.auth-trial .auth-shell{width:min(1280px,100%);grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:70px;padding:48px 36px 70px}
body.hqn-native.auth-trial .auth-story{padding:12px 0 0;top:24px}
body.hqn-native.auth-trial .hts-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;font-size:11px;font-weight:750;letter-spacing:.17em;color:#365d95}
.hts-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#2665f3;box-shadow:0 0 0 5px #2665f310}
body.hqn-native.auth-trial h1{font-size:clamp(38px,4.1vw,57px);line-height:1.08;letter-spacing:-.055em;color:#102d4d;margin:0 0 22px;font-weight:740}
.hts-story-head h1 em{font-family:Georgia,serif;font-weight:400;color:#2863d1}
.hts-story-head .hts-lede{font-size:17px;line-height:1.75;max-width:470px;margin:0 0 28px;color:#516885}
.hts-creative{position:relative;border:1px solid #d9e4f4;background:#fff;border-radius:18px;box-shadow:0 20px 60px #163c7710;overflow:hidden;transform:rotate(-1deg);margin:30px 4px 34px}
.hts-preview-bar{display:flex;justify-content:space-between;align-items:center;height:38px;border-bottom:1px solid #e6edf7;padding:0 13px;font-size:9px;color:#7085a2;background:#fff}
.hts-preview-bar>span:first-child{display:flex;gap:4px}.hts-preview-bar i{width:5px;height:5px;border-radius:50%;background:#c0cde0}.hts-preview-bar b{font-weight:600;color:#3c536e}
.hts-preview-content{display:grid;grid-template-columns:34px 1fr 115px;gap:18px;padding:17px 14px 16px 0;background:#eff3f9;align-items:center}
.hts-mini-tools{display:grid;gap:15px;align-self:stretch;padding:14px 0;background:white;justify-items:center;color:#6d84a2}.hts-mini-tools i{font-style:normal;font-size:13px}.hts-mini-tools i:first-child{color:#2665f3}
.hts-poster{background:#dbe9fc;border:8px solid #fdfbf4;aspect-ratio:1.02;display:flex;flex-direction:column;justify-content:space-between;padding:20px 19px;color:#153b69;box-shadow:0 5px 18px #143f6615;position:relative;overflow:hidden}
.hts-poster:after{content:"";position:absolute;width:150px;height:150px;border:27px solid #2665f318;border-radius:50%;right:-74px;bottom:-35px;pointer-events:none}.hts-poster>span,.hts-poster>b{font-size:6px;letter-spacing:.18em;z-index:1}.hts-poster>strong{font-size:clamp(25px,3vw,38px);line-height:.99;letter-spacing:-.04em;z-index:1}.hts-poster em{font-family:Georgia,serif;font-weight:400;color:#2c63c6}
.hts-preview-side{display:flex;flex-direction:column;align-self:stretch;padding-top:15px}.hts-preview-side>span{font-size:6px;letter-spacing:.14em;color:#7189a6;margin-bottom:9px}.hts-preview-side>div{display:flex;gap:6px;margin:0 0 21px}.hts-preview-side i{width:16px;height:16px;border-radius:50%;background:#143e70}.hts-preview-side i:nth-child(2){background:#2766ef}.hts-preview-side i:nth-child(3){background:#b7d3f2}.hts-preview-side i:nth-child(4){background:#eee4ce}.hts-preview-side>b{font-size:12px;color:#213e64;margin:5px 0}.hts-preview-side>small{font-size:8px;color:#71839a;margin-bottom:10px}
.hts-timeline{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #e3eaf5;color:#346bc7}.hts-timeline>div{display:flex;gap:4px;flex:1}.hts-timeline i{font-style:normal;font-size:7px;padding:9px 5px;border-radius:4px;background:#dce9ff;color:#385c8b;flex:1}.hts-timeline i:nth-child(2){background:#e8e1fb}.hts-timeline i:nth-child(3){background:#d9eee9}.hts-preview-label{display:block;text-align:center;font-size:9px;color:#6f829a;padding:0 12px 12px}
.hts-toolkit{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.hts-toolkit>div{display:flex;gap:11px;align-items:center;min-width:0}.hts-toolkit p{margin:0;line-height:1.4}.hts-toolkit strong{font-size:13px;display:block;font-weight:650;color:#173657}.hts-toolkit small{display:block;color:#61758e;font-size:11px;margin-top:4px}.hts-app{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:11px;color:#5e54c6;background:#ece9fb;font-size:14px}.hts-doc{font-size:9px;color:#b45a65;background:#faebed}.hts-task{background:#e3f1f7;color:#1b7798}.hts-files{color:#3870c5;background:#e5edfc}
body.hqn-native.auth-trial .auth-story .hts-connected{font-size:12px;line-height:1.75;color:#61758e;margin:23px 0 0;padding-top:18px;border-top:1px solid #dae4f1;max-width:none}
body.hqn-native.auth-trial .auth-card{padding:30px;border-radius:24px;box-shadow:0 15px 50px #183e7508;border-color:#dce5f3}
.hts-offer{background:linear-gradient(125deg,#102f53,#154174);border-radius:16px;color:#fff;padding:23px 24px;margin-bottom:27px;position:relative;overflow:hidden}.hts-offer:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff12;border-radius:50%;right:-65px;top:-85px;pointer-events:none}.hts-offer-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hts-offer-top>span:first-child{font-size:9px;letter-spacing:.14em;font-weight:700;color:#c6dbff}.hts-trial-tag{font-size:11px;font-weight:600;background:#ffffff17;border:1px solid #ffffff24;border-radius:20px;padding:5px 10px;white-space:nowrap}.hts-price{display:flex;align-items:center;gap:8px;margin:14px 0 9px}.hts-price>strong{font-size:45px;line-height:1.1;letter-spacing:-.06em}.hts-price>span{font-size:14px}.hts-price small{display:block;font-size:10px;color:#c3d7ef;margin-top:3px}.hts-price-context{font-size:11px;color:#bed0e9;margin:0 0 11px}.hts-price-context strong{font-weight:500;color:#e1ecfc}.hts-rate{font-size:11px;line-height:1.65;margin:0;color:#d1e0f4}.hts-rate a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hts-signup-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.035em;color:#143452;margin:0 0 9px}.auth-trial .hts-signup-heading p{font-size:14px;line-height:1.65;margin:0 0 24px;color:#62748d}
body.hqn-native.auth-trial .form-grid{gap:16px}.auth-trial .form-grid .button{border-radius:30px;min-height:50px;margin-top:4px;font-weight:650;box-shadow:0 5px 15px #2665f31a}.auth-trial .form-grid .hq-note{margin:0;text-align:center;font-size:11px}.auth-trial .auth-switch{font-size:12px;line-height:1.7;margin-top:18px}.hts-details{border-top:1px solid #e5ebf5;padding-top:17px;margin-top:20px}.hts-details p{font-size:10px!important;line-height:1.7;color:#6b7f96;margin:0 0 6px}.hts-free{display:block;text-align:center;font-size:11px;color:#456892;text-decoration:underline;text-underline-offset:3px;margin-top:16px}.hts-next{font-size:12px;line-height:1.7;color:#657b94;text-align:center}.hts-continue{display:flex;width:100%;justify-content:center;gap:15px;border-radius:30px}.hts-continue span{font-size:17px}
@media(max-width:1100px){body.hqn-native.auth-trial .auth-shell{gap:32px;padding:34px 26px 50px}.hts-preview-content{grid-template-columns:28px 1fr 90px;gap:10px}.hts-poster{padding:15px 13px}.hts-toolkit{gap:18px 9px}.hts-toolkit small{font-size:10px}}
@media(max-width:760px){body.hqn-native.auth-trial .auth-shell{display:flex;gap:26px;padding:25px 18px 40px;width:min(580px,100%)}body.hqn-native.auth-trial .auth-story{order:0;padding:5px 4px 0;position:static}body.hqn-native.auth-trial .auth-form-side{order:1}body.hqn-native.auth-trial .hts-eyebrow{margin-bottom:16px;font-size:10px}body.hqn-native.auth-trial h1{font-size:40px;margin-bottom:16px}.hts-story-head .hts-lede{font-size:15px;line-height:1.7;margin-bottom:22px;max-width:none}body.hqn-native.auth-trial .auth-story>.hts-creative{display:none}body.hqn-native.auth-trial .auth-story>.hts-toolkit{display:grid;gap:17px 10px}.hts-toolkit strong{font-size:12px}.hts-toolkit small{font-size:10px}.hts-app{width:30px;height:30px;flex-basis:30px}.hts-toolkit>div{gap:8px}body.hqn-native.auth-trial .auth-story .hts-connected{font-size:11px;margin-top:20px;padding-top:15px}body.hqn-native.auth-trial .auth-card{padding:22px;border-radius:20px}.hts-offer{padding:20px;margin-bottom:23px}.hts-price>strong{font-size:40px}.hts-signup-heading h2{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.hts-creative{animation:hts-arrive .65s ease-out both}.hts-offer{animation:hts-arrive .5s ease-out both}@keyframes hts-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}

.hts-offer .hts-rate-label{font-size:12px;line-height:1.5;color:#d1e0f4;margin:0 0 10px}
