.ignis-brasier{--fire:#ef7447;--ember:#ffc078;--ash:#aeb4c2;position:relative;width:min(980px,calc(100% - 28px));margin:56px auto;overflow:hidden;color:#d7d9e2;background:radial-gradient(circle at 80% 5%,rgba(239,116,71,.18),transparent 27%),linear-gradient(145deg,#111522,#090d19);border:1px solid rgba(241,232,215,.15);border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.ignis-brasier *{box-sizing:border-box}.ignis-brasier__inner{position:relative;z-index:1;padding:clamp(24px,5vw,52px)}.ignis-brasier__glow{position:absolute;inset:auto 10% -220px;width:80%;height:340px;background:radial-gradient(ellipse,rgba(239,116,71,.34),transparent 68%);animation:ignis-breathe 4s ease-in-out infinite}
.ignis-brasier h2,.ignis-brasier h3{color:#f1e8d7}.ignis-brasier h2{font-size:clamp(2rem,5vw,3.4rem)}.ignis-brasier h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:16px}.ignis-brasier__intro>p:last-child{max-width:720px;color:var(--ash)}.ignis-brasier .ignis-kicker{color:var(--fire);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.ignis-brasier .ignis-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0;padding:0;list-style:none}.ignis-brasier .ignis-progress li{padding:9px 6px;border-bottom:2px solid rgba(241,232,215,.15);color:var(--ash);font-size:.78rem;text-align:center}.ignis-brasier .ignis-progress li.is-active{color:var(--ember);border-color:var(--fire)}.ignis-brasier .ignis-progress span{margin-left:4px}
.ignis-brasier .ignis-step{animation:ignis-rise .4s ease both}.ignis-brasier .ignis-step label{display:block;margin:0 0 20px;color:#f1e8d7;font-weight:700}.ignis-brasier .ignis-step textarea,.ignis-brasier .ignis-step input[type=text]{display:block;width:100%;margin-top:8px;min-height:54px;padding:15px 17px;color:#f1e8d7;background:rgba(255,255,255,.035);border:1px solid rgba(241,232,215,.15);border-radius:12px;outline:none;font:inherit;resize:vertical}.ignis-brasier .ignis-step textarea{min-height:102px}.ignis-brasier .ignis-step textarea:focus,.ignis-brasier .ignis-step input:focus{border-color:var(--fire);box-shadow:0 0 0 3px rgba(239,116,71,.12)}
.ignis-brasier .ignis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ignis-brasier .ignis-range{display:grid;grid-template-columns:auto 1fr 42px;gap:12px;align-items:center;margin:8px 0 24px;color:var(--ash);font-size:.8rem}.ignis-brasier .ignis-range input{width:100%;accent-color:var(--fire)}.ignis-brasier .ignis-range output{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(241,232,215,.15);border-radius:50%;color:var(--ember);font-weight:800}
.ignis-brasier .ignis-help,.ignis-brasier .ignis-safety{color:var(--ash)}.ignis-brasier .ignis-error{display:none;color:#ffb6a0}.ignis-brasier .ignis-error.is-visible{display:block}.ignis-brasier .ignis-actions{display:flex;flex-wrap:wrap;gap:10px}.ignis-brasier .ignis-btn{position:relative;overflow:hidden;min-height:48px;padding:12px 21px;border:1px solid var(--fire);border-radius:999px;cursor:pointer;color:#271006;background:linear-gradient(135deg,var(--ember),var(--fire));font:800 .75rem/1 Manrope,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;transition:.2s ease}.ignis-brasier .ignis-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(239,116,71,.2)}.ignis-brasier .ignis-btn.is-secondary{color:#f1e8d7;background:transparent;border-color:rgba(241,232,215,.18)}
.ignis-brasier .ignis-hearth{position:relative;display:grid;place-items:center;min-height:330px;margin:20px 0;background:radial-gradient(circle at 50% 80%,rgba(239,116,71,.2),transparent 42%);border-radius:20px}.ignis-brasier .ignis-paper{position:relative;z-index:2;display:grid;place-items:center;width:min(560px,90%);min-height:170px;padding:34px 30px;overflow:hidden;color:#402519;background:linear-gradient(135deg,#f2e5c9,#d9c196);border-radius:5px;box-shadow:0 18px 45px rgba(0,0,0,.35);font:italic 1.25rem/1.5 Georgia,serif;text-align:center}.ignis-brasier .ignis-paper:after{content:"";position:absolute;inset:-20%;opacity:0;background:radial-gradient(circle at 50% 100%,transparent 0 18%,rgba(73,31,14,.88) 32%,#140a07 50%);transform:translateY(70%);transition:transform 2.4s linear,opacity .3s}.ignis-brasier .ignis-paper.is-burning:after{opacity:1;transform:translateY(-8%)}.ignis-brasier .ignis-paper.is-burned{animation:ignis-ash .75s ease forwards}.ignis-brasier .ignis-flame{position:absolute;z-index:3;bottom:55px;width:75px;height:105px;opacity:0;border-radius:50% 50% 46% 54%/62% 62% 38% 38%;background:linear-gradient(0deg,#ef4d24 8%,#ffbd52 58%,#fff1b0);filter:drop-shadow(0 0 22px #ef7447);transform:scale(.6) rotate(45deg)}.ignis-brasier .ignis-paper.is-burning+.ignis-flame{opacity:.9;animation:ignis-flame .36s ease-in-out infinite alternate}.ignis-brasier .ignis-hold:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--hold,0%);background:rgba(255,255,255,.25)}
.ignis-brasier .ignis-result{padding:26px;border:1px solid rgba(216,182,107,.28);border-radius:18px;background:rgba(216,182,107,.06)}.ignis-brasier .ignis-result dl{display:grid;grid-template-columns:150px 1fr;gap:12px 18px}.ignis-brasier .ignis-result dt{color:#d8b66b;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ignis-brasier .ignis-result dd{margin:0;color:#f1e8d7}.ignis-brasier .ignis-safety{margin-top:26px;font-size:.76rem}
@keyframes ignis-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ignis-breathe{50%{opacity:.55;transform:scale(1.06)}}@keyframes ignis-flame{to{transform:scale(.78) rotate(41deg) skew(3deg);filter:drop-shadow(0 0 32px #ff8c3b)}}@keyframes ignis-ash{to{opacity:0;transform:translateY(18px) scale(.92);filter:blur(5px)}}
@media(max-width:680px){.ignis-brasier .ignis-grid{grid-template-columns:1fr}.ignis-brasier .ignis-progress span{display:none}.ignis-brasier .ignis-result dl{grid-template-columns:1fr;gap:4px}.ignis-brasier .ignis-result dd{margin-bottom:12px}.ignis-brasier .ignis-range{grid-template-columns:1fr 42px}.ignis-brasier .ignis-range>span{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ignis-brasier *{animation:none!important;transition:none!important}}