*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f7fbff;background:radial-gradient(circle at 18% 10%,#2f80ed57,#0000 34rem),radial-gradient(circle at 82% 4%,#59ffd22e,#0000 32rem),linear-gradient(135deg,#08111f 0%,#101827 55%,#090b12 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{font:inherit}button{cursor:pointer}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a12b8;border-bottom:1px solid #ffffff1a;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:18px min(6vw,72px);display:grid;position:sticky;top:0}.brand{grid-column:1;align-items:center;gap:12px;display:flex}.brand-mark{color:#07111f;background:linear-gradient(135deg,#2f80ed,#59ffd2);border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.brand strong{font-size:18px;display:block}.brand span{color:#9fb0c7;margin-top:2px;font-size:12px;display:block}.top-nav{display:none}button,.tool-button{border:0;border-radius:999px;padding:11px 16px;font-weight:800}.primary-button{color:#07111f;background:linear-gradient(135deg,#2f80ed,#59ffd2)}.ghost-button{color:#f7fbff;background:#ffffff14;border:1px solid #ffffff21}.auth-area{grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:10px;min-width:0;display:flex}.auth-profile{flex-wrap:nowrap;align-items:center;gap:10px;max-width:520px;display:flex}.profile-circle{color:#07111f;background:linear-gradient(135deg,#2f80ed,#59ffd2);border-radius:999px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid;box-shadow:0 14px 36px #59ffd229}.profile-meta{min-width:0;line-height:1.2}.profile-meta strong{color:#f7fbff;font-size:13px;display:block}.profile-meta span{color:#9fb0c7;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;display:block;overflow:hidden}.credits-pill,.compact-button{white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;height:34px;padding:0 14px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.credits-pill{color:#bffff0;background:#59ffd21f;border:1px solid #59ffd238;gap:5px;min-width:112px}.credits-pill span{color:#59ffd2;white-space:nowrap;font-size:13px;font-weight:900;display:inline}.compact-button{background:#ffffff14;min-width:88px}main{width:min(1180px,100% - 32px);margin:0 auto}.hero{padding:74px 0 44px;display:block}.hero-content{width:100%;max-width:none}.eyebrow{color:#9fe8ff;background:#2f80ed24;border:1px solid #9fe8ff33;border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.06em;max-width:100%;margin:0;font-size:clamp(42px,5.6vw,72px);line-height:.96}.hero p{color:#b9c8dc;max-width:760px;margin:24px 0 0;font-size:19px;line-height:1.6}.hero-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:none;margin-top:36px;display:grid}.tool-card{min-height:345px;color:inherit;cursor:pointer;backface-visibility:hidden;background:linear-gradient(145deg,#ffffff1c,#ffffff0a),#ffffff0f;border:1px solid #ffffff21;border-radius:30px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden;transform:translateZ(0);box-shadow:0 24px 70px #0000003d}.tool-card:hover{background:linear-gradient(145deg,#ffffff21,#ffffff0e),#ffffff12;border-color:#59ffd259;transform:translateY(-8px)translateZ(0);box-shadow:0 28px 90px #00000057,0 0 0 1px #59ffd214}.tool-preview{backface-visibility:hidden;background:#2f80ed29;flex:0 0 280px;height:280px;min-height:280px;padding:22px;position:relative;overflow:hidden;transform:translateZ(0);border-bottom:none!important;margin-bottom:0!important}.animal-preview{background:radial-gradient(circle at 30% 30%,#59ffd257,#0000 12rem),radial-gradient(circle at 70% 20%,#2f80ed57,#0000 14rem),linear-gradient(145deg,#1a3b68f2,#0a1322f5)}.letter-preview{background:radial-gradient(circle at 26% 24%,#ffd55c47,#0000 12rem),radial-gradient(circle at 76% 18%,#2f80ed47,#0000 15rem),linear-gradient(145deg,#1e2744f5,#0a1322f5)}.tool-preview-image{object-fit:cover;backface-visibility:hidden;width:calc(100% + 4px);height:calc(100% + 4px);transition:transform .26s;display:block;position:absolute;inset:-2px -2px 0;transform:translateZ(0)}.tool-card:hover .tool-preview-image{transform:scale(1.055)translateZ(0)}.tool-preview:after{content:"";z-index:1;background:linear-gradient(#050a1205,#050a1214 42%,#050a12b8);position:absolute;inset:0 0 -8px!important}.tool-badge{color:#59ffd2;background:#59ffd221;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.tool-badge-over-image{z-index:3;position:absolute;top:18px;left:18px;box-shadow:0 10px 26px #0000003d}.tool-preview-text{z-index:2;max-width:260px;transition:transform .18s;position:absolute;bottom:22px;left:22px}.tool-card:hover .tool-preview-text{transform:translateY(-3px)}.tool-preview-text strong{letter-spacing:-.04em;font-size:30px;display:block}.tool-preview-text span{color:#cfe0f6;margin-top:5px;font-size:13px;font-weight:800;display:block}.placeholder-shape{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:28px;position:absolute;box-shadow:0 18px 38px #00000038}.shape-one{width:150px;height:150px;top:34px;right:28px;transform:rotate(14deg)}.shape-two{border-radius:999px;width:108px;height:108px;bottom:26px;left:34px;transform:rotate(-10deg)}.shape-three{width:120px;height:64px;bottom:36px;right:118px;transform:rotate(-12deg)}.tool-card-body{z-index:5;background:linear-gradient(145deg,#ffffff0e,#ffffff06),#1f2937fa;flex-direction:column;flex:1;padding:14px 18px 16px;display:flex;position:relative;box-shadow:0 -3px #1f2937fa;border-top:none!important;margin-top:-2px!important}.tool-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:6px;display:flex}.tool-title-row h3{letter-spacing:-.04em;max-width:72%;margin:0;font-size:23px;line-height:1.05}.tool-status{white-space:nowrap;color:#9fdcff;padding-top:4px;font-size:12px;font-weight:800}.tool-card-body p{color:#aebfd6;margin:0;font-size:15px;line-height:1.45}.tool-button{display:none!important}.tool-card:hover .tool-title-row h3{color:#fff}.tool-card:hover .tool-status{color:#59ffd2}.site-footer{color:#8fa0b8;border-top:1px solid #ffffff1a;justify-content:space-between;gap:24px;width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px;display:flex}.site-footer div{gap:18px;display:flex}.site-footer a:hover{color:#fff}.auth-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 20%,#59ffd229,#0000 26rem),#03070dbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal{background:linear-gradient(145deg,#ffffff1c,#ffffff0b),#09111ff5;border:1px solid #ffffff24;border-radius:30px;width:min(440px,100%);padding:28px;position:relative;box-shadow:0 34px 120px #0000007a}.auth-close{color:#dbeafe;background:#ffffff14;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.auth-close:hover{background:#ffffff21}.auth-modal-header{margin-bottom:22px}.auth-modal-icon{color:#07111f;background:linear-gradient(135deg,#2f80ed,#59ffd2);border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;font-weight:900;display:grid}.auth-modal h2{letter-spacing:-.045em;margin:0;font-size:30px;line-height:1}.auth-modal p{color:#aebfd6;margin:10px 0 0;line-height:1.5}.auth-form{gap:14px;display:grid}.auth-form label{color:#dbeafe;gap:8px;font-size:13px;font-weight:800;display:grid}.auth-form input{color:#f7fbff;width:100%;font:inherit;background:#ffffff13;border:1px solid #ffffff21;border-radius:16px;outline:none;padding:13px 14px}.auth-form input:focus{border-color:#59ffd275;box-shadow:0 0 0 4px #59ffd214}.auth-form input::placeholder{color:#7f90a8}.auth-submit{width:100%;margin-top:4px}.auth-submit:disabled,.auth-form input:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:#9fe8ff;background:0 0;width:100%;margin-top:16px;padding:0;font-weight:800}.auth-switch:hover{color:#fff}.auth-message{color:#dbeafe;background:#2f80ed24;border:1px solid #9fe8ff2e;border-radius:16px;margin:0 0 16px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-message.error{background:#ff5c5c1f;border-color:#ff82823d}.legal-page{width:min(920px,100% - 32px);margin:0 auto;padding:70px 0 52px}.legal-card{background:linear-gradient(145deg,#ffffff1b,#ffffff0a),#ffffff0e;border:1px solid #ffffff21;border-radius:32px;padding:clamp(26px,5vw,52px);box-shadow:0 28px 90px #00000047}.legal-card>.eyebrow{display:none}.legal-card h1{letter-spacing:-.06em;margin:0 0 20px;font-size:clamp(40px,6vw,68px);line-height:.95}.legal-card h2{color:#f7fbff;letter-spacing:-.035em;margin:34px 0 10px;font-size:22px}.legal-card p{color:#b9c8dc;margin:0 0 16px;font-size:16px;line-height:1.7}.legal-card a{color:#9fe8ff;font-weight:800}.legal-card a:hover{color:#fff}.legal-note{background:#ffd55c1a;border:1px solid #ffd55c33;border-radius:18px;padding:14px 16px;color:#ffe6a3!important;margin-top:34px!important}.legal-header-button{justify-content:center;align-items:center;display:inline-flex}@media (width<=1050px){.site-header{grid-template-columns:auto 1fr}.auth-area{grid-column:2;justify-self:end}}@media (width<=760px){.hero-tools-grid{grid-template-columns:1fr}}@media (width<=620px){.site-header{grid-template-columns:1fr;padding:14px 16px}.brand{grid-column:1}.auth-area{flex-wrap:wrap;grid-column:1;justify-content:flex-start;justify-self:stretch;width:100%}.auth-profile{flex-wrap:wrap;width:100%;max-width:none}.profile-meta{flex:1}.profile-meta span{max-width:160px}.site-footer,.site-footer div{flex-wrap:wrap}.hero{padding-top:46px}.tool-preview{flex-basis:230px;height:230px;min-height:230px}.tool-card{min-height:auto}.auth-modal{border-radius:24px;padding:24px}}