:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f5ff;background:#100f1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#ffc45738,#0000 32rem),radial-gradient(circle at 100% 100%,#765aff38,#0000 28rem),#100f1f;min-height:100vh;margin:0}.shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0 28px}.hero{max-width:760px;margin-bottom:40px}.eyebrow{color:#ffc457;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.07em;margin-bottom:18px;font-size:clamp(2.5rem,9vw,5.8rem);line-height:.92}h2{letter-spacing:-.04em;font-size:clamp(1.6rem,4vw,2.4rem)}.subhead{color:#d9d2f0;max-width:640px;font-size:1.22rem;line-height:1.5}.how-it-works{margin-bottom:48px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.step{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px 20px}.step-icon{margin-bottom:12px;font-size:2.4rem;display:block}.step strong{margin-bottom:8px;font-size:1.05rem;display:block}.step p{color:#b8aed4;margin-bottom:0;font-size:.9rem;line-height:1.5}.creator{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px;display:grid}.creator>div,.card-preview{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 24px 80px #00000047}.creator>div{padding:28px}.form{gap:16px;display:grid}label{color:#d9d2f0;gap:8px;font-size:.95rem;font-weight:700;display:grid}input{color:#fff;width:100%;font:inherit;background:#0000003d;border:1px solid #ffffff24;border-radius:16px;padding:14px 16px}button[type=submit],.btn-primary{color:#1b1020;cursor:pointer;font:inherit;background:linear-gradient(135deg,#ffc457,#ff6b6b);border:0;border-radius:999px;margin-top:8px;padding:16px 22px;font-weight:900;transition:opacity .2s}button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.status{color:#ffc457;min-height:24px;margin:18px 0 0;font-weight:700}.card-preview{padding:18px;position:relative}.generated-card-wrapper{position:relative}.generated-card-image{border-radius:22px;width:100%;height:auto;display:block;box-shadow:0 18px 48px #00000057}.watermark-overlay{pointer-events:none;border-radius:22px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.watermark-overlay:before{content:"cardifyme.com";color:#ffffff73;text-shadow:0 0 8px #000000b3,0 2px 4px #00000080;white-space:nowrap;letter-spacing:.08em;-webkit-user-select:none;user-select:none;font-size:1.8rem;font-weight:900;position:absolute;transform:rotate(-30deg)}.watermark-overlay:after{content:"PREVIEW";color:#ffffff59;text-shadow:0 0 6px #0009;letter-spacing:.3em;-webkit-user-select:none;user-select:none;font-size:1.1rem;font-weight:900;position:absolute;bottom:18%}.card-actions{gap:10px;margin-top:14px;display:grid}.download-card-link{cursor:pointer;color:#1b1020;width:100%;font:inherit;text-align:center;background:linear-gradient(135deg,#ffc457,#ff6b6b);border:0;border-radius:999px;padding:14px 16px;font-weight:900;text-decoration:none;transition:opacity .2s;display:block}.download-card-link:hover{opacity:.9}.regenerate-link{cursor:pointer;color:#d9d2f0;width:100%;font:inherit;text-align:center;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:12px 16px;font-weight:700;transition:background .2s;display:block}.regenerate-link:hover{background:#ffffff24}.card-loading{aspect-ratio:2.5/3.5;text-align:center;background:linear-gradient(160deg,#f7efe214,#fbd9800f);border:2px solid #ffc45733;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:none}.card-loading.show{display:flex}.card-loading-spinner{border:4px solid #ffc45733;border-top-color:#ffc457;border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card-loading-title{color:#ffc457;font-size:1.1rem;font-weight:800}.card-loading-dots:after{content:"";animation:1.5s steps(4,end) infinite loadingDots}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.card-loading-sub{color:#b8aed4;font-size:.88rem;line-height:1.5}.monster-card{aspect-ratio:2.5/3.5;color:#24170b;background:linear-gradient(160deg,#f7efe2,#fbd980);border:10px solid #f8d16b;border-radius:22px;grid-template-rows:auto 1fr auto auto auto;gap:12px;padding:16px;display:grid}.card-header,.attack{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-header strong{font-size:1.25rem}.card-art{text-align:center;background:linear-gradient(135deg,#ffffffb3,#ffffff14),#d8c1ff;border:4px solid #24170b33;border-radius:14px;place-items:center;min-height:0;font-weight:900;display:grid;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%}.attack{border-block:2px solid #24170b2e;padding:10px 0}.monster-card small{opacity:.68;justify-self:end;font-weight:800}footer{color:#a79bc9;margin-top:48px;font-size:.82rem;line-height:1.6}footer a{color:#ffc457;text-decoration:none}footer a:hover{text-decoration:underline}@media (width<=820px){.creator{grid-template-columns:1fr}.card-preview{width:100%;max-width:420px;margin:0 auto}.steps{grid-template-columns:1fr}h1{font-size:clamp(2rem,8vw,3.5rem)}}@media (width<=480px){.shell{padding:28px 0 20px}.creator>div{padding:20px}.card-preview{padding:14px}.step{padding:18px 16px}}