:root{--primary-contrast:#0b151e;--secondary-contrast:#0b151e99;--background-gradient:linear-gradient(90deg,#ffca28,#f57c00);--background:#ffca28;--muted:#c289034d;--surface:#e99e1d;--border:transparent;--top-gradient:#fff3;--bottom-gradient-top:#ffffff75;--bottom-gradient-bottom:transparent;--button:#0b151e}.dark-theme{--primary-contrast:#fff;--secondary-contrast:#fff9;--background-gradient:linear-gradient(90deg,#0b151e,#0b151e);--background:#0b151e;--muted:#15273c99;--surface:#112031;--border:#ffffff20;--top-gradient:#1b72e833;--bottom-gradient-top:#1b72e8;--bottom-gradient-bottom:#1b72e850;--button:linear-gradient(90deg,#ffca28,#f57c00)}*{margin:0;font-family:Google Sans}html{background:var(--background)}body{color:var(--primary-contrast);background:var(--background-gradient);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.dots{pointer-events:none;background-image:radial-gradient(circle at center,var(--muted)2px,transparent 2px);background-position:12px 12px;background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 50%);mask-image:linear-gradient(#000 0%,#0000 50%)}.top-gradient{background:linear-gradient(180deg,transparent 0%,var(--top-gradient)50%);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 10vw));width:100%;height:25vh;position:absolute;top:0;left:0}.bottom-gradient{pointer-events:none;-webkit-user-select:none;user-select:none;--top:var(--bottom-gradient-top);--bottom:var(--bottom-gradient-bottom);--first:conic-gradient(from 90deg at 0% 50%,var(--top),var(--bottom));--second:conic-gradient(from 270deg at 100% 50%,var(--bottom),var(--top));width:90%;height:900px;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,var(--background),transparent);mask-image:radial-gradient(closest-side at 50% 50%,var(--background),transparent);background-image:var(--first),var(--second);opacity:.4;transform-origin:50%;background-position:0 100%,100% 0;background-repeat:no-repeat;margin-bottom:-550px;position:fixed;bottom:0;transform:translateY(-200px)rotate(180deg)translateZ(0)}.header{justify-content:center;align-items:center;display:flex;position:absolute;top:4vh}.header svg{padding:16px 25px}.heading{letter-spacing:-2%;text-align:center;font-size:48px;font-weight:500}.regenerate-button{color:var(--background);background:var(--button)}.back-button{color:var(--primary-contrast);background-color:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:6px;text-decoration:none;display:flex;position:fixed;top:32px;left:32px}.button{cursor:pointer;border:none;border-radius:100px;padding:11px 16px;font-size:15px;font-weight:500;line-height:1.3;transition:scale .2s,filter .2s}.button:hover{filter:brightness(1.1)}.button:active{scale:.97}.content{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:120px 12px;display:flex}.content header{flex-direction:column;align-items:center;gap:32px;display:flex}.content header h2{font-size:20px;font-weight:400}.features,.data-container{gap:10px;display:grid}.features{text-wrap:balance;grid-template-columns:repeat(2,1fr)}.data-container{text-wrap:pretty;grid-template-columns:repeat(2,1fr)}.card{flex-direction:column;gap:12px;max-width:360px;padding:24px}.card h2{letter-spacing:-2%;font-size:24px;font-weight:500;line-height:1.2}.card p{color:var(--secondary-contrast);letter-spacing:-1%;font-size:13px;line-height:1.5}.link,.card p a{color:var(--primary-contrast);text-underline-offset:2px;text-decoration:underline}.links-container{flex-wrap:wrap;gap:24px;padding-top:24px;display:flex}.links{flex-wrap:wrap;gap:10px;display:flex}.links a{color:var(--primary-contrast);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:14px 15px;font-size:14px;font-weight:500;text-decoration:none}.links a,.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;display:flex;position:relative}.links a:before,.card:before{content:"";background:linear-gradient(var(--border),transparent 30%);-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:not(:first-child):after,.links a:not(:first-child):after{content:"";background:var(--surface);pointer-events:none;height:100%;position:absolute;top:0}.card:not(:first-child):after{width:10px;left:-10px;-webkit-mask:url(/between-cards.svg) 50%/contain no-repeat;mask:url(/between-cards.svg) 50%/contain no-repeat}.links a:not(:first-child):after{width:30px;left:-20px;-webkit-mask:url(/between-links.svg) 50%/contain no-repeat;mask:url(/between-links.svg) 50%/contain no-repeat}@media only screen and (max-width:1023px){.heading{font-size:36px}.back-button{top:10px;left:10px}.features,.data-container{grid-template-columns:1fr}.top-gradient,.card:after,.links a:after{display:none}.bottom-gradient{width:150%;height:400px;margin-bottom:-450px}}