:root{--fire1:#ff6a00;--fire2:#ee0979;--gold:#ffd580;--bg:#0a0508;--surface:rgba(255,255,255,0.05);--border:rgba(255,120,40,0.2);--text:#ffe8d6;--muted:rgba(255,200,150,0.5);--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--serif:'Cormorant Garamond',serif;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}#canvas{position:fixed;inset:0;pointer-events:none;z-index:0;will-change:transform}body::before{content:'';position:fixed;bottom:-20vh;left:50%;transform:translateX(-50%);width:90vw;height:70vh;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center bottom,rgba(255,80,0,0.2) 0%,rgba(238,9,121,0.08) 40%,transparent 70%)}#app{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 60px;contain:layout}.hero{text-align:center;margin-bottom:44px}.flames-title{display:flex;justify-content:center;gap:clamp(4px,2vw,16px);margin-bottom:12px}.flames-title span{font-family:var(--serif);font-size:clamp(3rem,11vw,6.5rem);font-weight:700;line-height:1;background:linear-gradient(180deg,var(--gold) 0%,var(--fire1) 55%,var(--fire2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(255,100,0,0.4);animation:flicker 4s ease-in-out infinite;cursor:default;will-change:text-shadow}.flames-title span:nth-child(1){animation-delay:0s}.flames-title span:nth-child(2){animation-delay:0.35s}.flames-title span:nth-child(3){animation-delay:0.7s}.flames-title span:nth-child(4){animation-delay:1.05s}.flames-title span:nth-child(5){animation-delay:1.4s}.flames-title span:nth-child(6){animation-delay:1.75s}@keyframes flicker{0%,100%{text-shadow:0 0 15px rgba(255,100,0,0.4)}45%{text-shadow:0 0 25px rgba(255,160,0,0.7)}50%{text-shadow:0 0 10px rgba(255,100,0,0.2)}55%{text-shadow:0 0 25px rgba(255,160,0,0.6)}}.tagline{font-family:var(--serif);font-style:italic;font-size:clamp(0.82rem,2.5vw,1rem);font-weight:300;color:var(--muted);letter-spacing:0.12em}.card{width:100%;max-width:500px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:clamp(24px,5vw,44px) clamp(20px,5vw,40px);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 24px 80px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,150,80,0.08);animation:fadeUp 0.6s 0.1s ease both;position:relative;overflow:hidden;transform:translateZ(0);contain:content}.card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,160,60,0.45),transparent)}.card-heading{font-size:0.65rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;display:flex;align-items:center;gap:10px}.card-heading::before,.card-heading::after{content:'';flex:1;height:1px;background:var(--border)}.field{margin-bottom:14px}.field label{display:block;font-size:0.65rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.field input{width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,120,40,0.2);border-radius:12px;padding:14px 16px;color:var(--text);font-family:var(--serif);font-size:1.1rem;font-weight:300;outline:none;transition:border-color 0.2s,background 0.2s}.field input:focus{border-color:rgba(255,120,40,0.5);background:rgba(255,100,0,0.06)}.sep{display:flex;align-items:center;justify-content:center;height:26px;color:var(--muted);font-size:0.9rem}.cta{width:100%;margin-top:24px;padding:15px;border-radius:14px;border:none;cursor:pointer;font-family:var(--serif);font-size:1.1rem;font-weight:600;letter-spacing:0.04em;color:#fff;background:linear-gradient(135deg,#ff6a00 0%,#ee0979 100%);box-shadow:0 4px 28px rgba(255,80,0,0.38);transition:transform 0.2s,box-shadow 0.2s;position:relative;overflow:hidden;will-change:transform}.cta:hover{transform:translateY(-2px);box-shadow:0 8px 38px rgba(255,80,0,0.5)}.cta:active{transform:scale(0.98)}#loading,#result{position:fixed;inset:0;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.4s,visibility 0.4s;will-change:opacity}#loading.on,#result.on{opacity:1;visibility:visible;pointer-events:all}#loading{background:rgba(10,5,8,0.96);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.ring{width:72px;height:72px;position:relative}.ring::before,.ring::after{content:'';position:absolute;inset:0;border-radius:50%;border:2.5px solid transparent;will-change:transform}.ring::before{border-top-color:var(--fire1);animation:spin 0.9s linear infinite}.ring::after{border-bottom-color:var(--fire2);inset:9px;animation:spin 0.65s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}#result{background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:28px 20px 40px;overflow-y:auto}#result::before{content:'';position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:65vw;height:65vw;max-width:480px;max-height:480px;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;background:var(--glow,rgba(255,80,0,0.13));transition:background 0.8s;will-change:background}.r-word{font-family:var(--serif);font-size:clamp(2.4rem,9vw,4.6rem);font-weight:700;line-height:1.05;background:linear-gradient(180deg,var(--gold) 0%,var(--fire1) 60%,var(--fire2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 22px rgba(255,120,0,0.4);opacity:0}@keyframes popIn{from{opacity:0;transform:scale(0) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.anim-pop{animation:popIn 0.5s cubic-bezier(0.34,1.56,0.64,1) forwards}.anim-slide{animation:slideUp 0.4s ease forwards}.anim-fade{animation:fadeInEl 0.4s ease forwards}@keyframes fadeInEl{from{opacity:0}to{opacity:1}}.wl{width:clamp(38px,9vw,52px);height:clamp(38px,9vw,52px);border-radius:10px;border:1.5px solid rgba(255,120,40,0.18);background:rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:clamp(1.1rem,3.5vw,1.5rem);font-weight:700;color:rgba(255,200,120,0.28);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),background 0.25s;will-change:transform}.wl.lit{background:linear-gradient(135deg,#ff6a00,#ee0979);color:#fff;border-color:transparent;box-shadow:0 0 22px rgba(255,100,0,0.5);transform:scale(1.16) translateY(-4px)}@media (max-width:480px){#app{padding:20px 16px 40px}.card{border-radius:20px;padding:30px 20px;backdrop-filter:blur(8px)}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:0s !important}}:focus-visible{outline:2px solid var(--fire1);outline-offset:4px}