@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..900&family=Inter:wght@400..700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ink-950:#07060b;--void-900:#120f1d;--void-800:#1a1530;--void-700:#251d42;--amethyst-600:#5b2fd4;--amethyst-500:#7c4dff;--amethyst-400:#9d7aff;--pearl-50:#f6f3ff;--pearl-100:#e8e2ff;--fog-400:#8d84ab;--gloss:#ffffffeb;--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4.5rem;--space-8:7rem;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--ease-settle:cubic-bezier(.16, 1, .3, 1);--ease-float:cubic-bezier(.45, .05, .55, .95)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:radial-gradient(ellipse 80% 60% at 50% -10%, #261b4a 0%, var(--void-900) 45%, var(--ink-950) 100%);color:var(--pearl-100);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{width:36vw;height:36vw;animation:drift-a 22s var(--ease-float) infinite;background:radial-gradient(circle,#7c4dff59,#0000 70%);top:-8vw;right:-10vw}body:after{width:28vw;height:28vw;animation:drift-b 26s var(--ease-float) infinite;background:radial-gradient(circle,#5b2fd447,#0000 70%);bottom:5vw;left:-8vw}@keyframes drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4vw,6vw)scale(1.08)}}@keyframes drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(5vw,-4vw)scale(1.05)}}@media (prefers-reduced-motion:reduce){body:before,body:after,*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background:var(--amethyst-500);color:var(--pearl-50)}:focus-visible{outline:2px solid var(--amethyst-400);outline-offset:3px;border-radius:4px}.container{z-index:1;max-width:1080px;padding:0 var(--space-4);margin:0 auto;position:relative}.header{padding:var(--space-4) 0;justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:-.01em;color:var(--pearl-50);font-size:1.5rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.logo:before{content:"";background:var(--ink-950);border:1.5px solid var(--amethyst-400);border-radius:50%;width:1.4rem;height:1.4rem;display:block;position:relative;box-shadow:inset 0 -4px 8px #7c4dff80,0 0 14px #7c4dff59}.logo:after{content:"";border-left:.32rem solid #0000;border-right:.32rem solid #0000;border-bottom:.46rem solid var(--pearl-50);width:0;height:0;position:absolute;left:.42rem;transform:translateY(.47rem)}.hero{text-align:center;padding:var(--space-7) 0 var(--space-6)}.hero h1{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.02em;color:var(--pearl-50);margin-bottom:var(--space-3);font-size:clamp(2.75rem,6.5vw,5.25rem);font-weight:600;line-height:1.02}.hero h1 em{background:linear-gradient(120deg, var(--amethyst-400), #c9b6ff 50%, var(--amethyst-400));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:500}.hero .subtitle,.hero p{font-family:var(--font-body);color:var(--fog-400);max-width:38rem;margin:0 auto;font-size:clamp(1.0625rem,1.6vw,1.25rem);font-weight:400}.form-card{max-width:640px;margin:var(--space-6) auto 0;padding:var(--space-5);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px)saturate(140%);animation:settle-in .7s var(--ease-settle) both;background:linear-gradient(160deg,#251d42b3,#120f1dd9);border:1px solid #9d7aff38;position:relative;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -20px #07060bb3,0 0 0 1px #0003}@keyframes settle-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shake-ball{0%{transform:translate(1px,1px)rotate(0)scale(.985)}10%{transform:translate(-2px,-3px)rotate(-1deg)scale(.985)}20%{transform:translate(-4px)rotate(1deg)scale(.985)}30%{transform:translate(4px,3px)rotate(0)scale(.985)}40%{transform:translate(2px,-2px)rotate(1deg)scale(.985)}50%{transform:translate(-2px,3px)rotate(-1deg)scale(.985)}60%{transform:translate(-4px,2px)rotate(0)scale(.985)}70%{transform:translate(4px,2px)rotate(-1deg)scale(.985)}80%{transform:translate(-2px,-2px)rotate(1deg)scale(.985)}90%{transform:translate(2px,3px)rotate(0)scale(.985)}to{transform:translate(1px,-3px)rotate(-1deg)scale(.985)}}.form-card.shaking{border-color:var(--amethyst-500);animation:.2s infinite shake-ball;box-shadow:0 0 50px #7c4dff80}.magic-8-ball-loader{background:radial-gradient(circle at 35% 35%,#444,#050505 60%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 2rem;animation:.4s infinite shake-ball;display:flex;box-shadow:0 20px 40px #000c,inset -15px -15px 30px #000000e6}.magic-8-ball-window{background:#020202;border:4px solid #111;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:inset 0 0 15px #000}.magic-8-ball-triangle{clip-path:polygon(50% 100%,0 0,100% 0);background:radial-gradient(circle,#7c4dff,#311b92);justify-content:center;align-items:flex-start;width:50px;height:46px;padding-top:6px;animation:2.5s ease-in-out infinite float-triangle;display:flex;box-shadow:0 0 20px #7c4dff}.magic-8-ball-text{color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 0 5px #fffc;opacity:.9;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:700;line-height:1.1}@keyframes float-triangle{0%,to{filter:brightness(.8) drop-shadow(0 0 5px var(--amethyst-500));transform:translateY(0)scale(1)}50%{filter:brightness(1.2) drop-shadow(0 0 15px var(--amethyst-400));transform:translateY(-4px)scale(1.05)}}.form-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gloss), transparent);opacity:.5;height:1px;position:absolute;top:0;left:10%;right:10%}.form-input{resize:vertical;border:1px solid var(--void-700);border-radius:var(--radius-md);width:100%;min-height:7rem;padding:var(--space-3) var(--space-4);color:var(--pearl-50);font-family:var(--font-body);background:#07060b8c;font-size:1.0625rem;line-height:1.55;transition:border-color .25s,box-shadow .25s,background .25s}.form-input::placeholder{color:var(--fog-400)}.form-input:hover{border-color:#9d7aff66}.form-input:focus{border-color:var(--amethyst-400);background:#07060bbf;outline:none;box-shadow:0 0 0 4px #7c4dff29}.btn-primary{justify-content:center;align-items:center;gap:var(--space-1);width:100%;margin-top:var(--space-4);padding:1rem var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--amethyst-500), var(--amethyst-600) 60%, #401f9e);color:var(--pearl-50);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;isolation:isolate;transition:transform .2s var(--ease-settle), box-shadow .2s ease;border:none;font-size:1.0625rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 12px 28px -10px #5b2fd4a6}.btn-primary:before{content:"";z-index:-1;opacity:.8;background:radial-gradient(circle at 30% 20%,#ffffff59,#0000 55%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 18px 36px -12px #5b2fd4cc}.btn-primary:active{animation:shake .4s var(--ease-float);transform:translateY(0)scale(.98)}@keyframes shake{0%,to{transform:translate(0)scale(.98)}25%{transform:translate(-3px)rotate(-1deg)scale(.98)}75%{transform:translate(3px)rotate(1deg)scale(.98)}}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.concept-grid,.results-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));display:grid}.concept-card{padding:var(--space-4);background:linear-gradient(165deg, var(--void-800), var(--void-900) 75%);border:1px solid var(--void-700);border-radius:var(--radius-md);transition:transform .3s var(--ease-settle), border-color .3s ease, box-shadow .3s ease;animation:settle-in .6s var(--ease-settle) both;position:relative;box-shadow:0 18px 40px -22px #0009}.concept-card:hover{border-color:#9d7aff66;transform:translateY(-4px);box-shadow:0 24px 48px -20px #5b2fd459}.concept-card:after{content:"";border-style:solid;border-width:0 26px 26px 0;border-color:transparent var(--amethyst-600) transparent transparent;border-top-right-radius:var(--radius-md);opacity:.85;width:0;height:0;position:absolute;top:0;right:0}.concept-header{font-family:var(--font-display);color:var(--pearl-50);margin-bottom:var(--space-2);padding-right:var(--space-3);font-size:1.25rem;font-weight:600;line-height:1.25}.concept-card p{color:var(--fog-400);font-size:.9375rem;line-height:1.6}.concept-card .tag,.concept-card .price{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--amethyst-400);margin-top:var(--space-3);font-size:.75rem;display:inline-block}@media (width<=720px){.hero{padding:var(--space-6) 0 var(--space-5)}.form-card{padding:var(--space-4);border-radius:var(--radius-md)}.concept-grid,.results-grid{grid-template-columns:1fr}}@media (width<=420px){.container{padding:0 var(--space-3)}.hero h1{font-size:clamp(2.25rem,9vw,3rem)}.btn-primary{padding:.875rem var(--space-4)}}