:root{font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181111;background-color:#f8f6f6}*{box-sizing:border-box}body{margin:0;background:#f8f6f6;color:#181111;min-height:100vh}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out 3s infinite}.app-root{position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:#f8f6f6;overflow:hidden}.app-background{position:fixed;inset:0;pointer-events:none;z-index:0}.app-background img{width:100%;height:100%;object-fit:cover;opacity:.15}.app-background .overlay{position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.8))}.icon-floating{position:absolute;color:rgba(236,19,19,.2)}.icon-floating.star{color:rgba(249,178,8,.3)}.icon-floating.forest{color:rgba(34,197,94,.25)}.app-nav{position:relative;z-index:10;width:100%;max-width:1100px;margin:0 auto;padding:24px 32px 0;justify-content:space-between}.app-nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:12px;font-weight:800;color:#ec1313;font-size:1.2rem}.nav-icon{width:40px;height:40px;border-radius:50%;background:#ec1313;color:#fff;box-shadow:0 8px 20px rgba(236,19,19,.3)}.main-content,.nav-icon{display:flex;align-items:center;justify-content:center}.main-content{position:relative;z-index:10;flex:1 1;padding:40px 16px 56px}.card-wrapper{position:relative;width:min(520px,90vw)}.card-accent{position:absolute;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.15)}.card-accent.green{background:#22c55e;top:-50px;left:-32px;transform:rotate(-10deg)}.card-accent.yellow{background:#facc15;bottom:-40px;right:-24px;transform:rotate(12deg)}.card{position:relative;background:#fff;border-radius:40px;padding:clamp(32px,5vw,56px);box-shadow:0 30px 80px rgba(24,17,17,.15);border-bottom:8px solid rgba(236,19,19,.15)}.card h2{margin-top:0;font-size:clamp(2.2rem,6vw,3rem);font-weight:800;color:#111}.card p{color:#6b7280;font-size:1.1rem;line-height:1.5}.input-group{position:relative;margin-top:32px}.input-group span{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af}.input-group input{width:100%;height:64px;border-radius:9999px;border:2px solid #e5e7eb;padding:0 20px 0 52px;font-size:1.1rem;background:#fff;color:#111;box-shadow:inset 0 4px 12px rgba(0,0,0,.05)}.input-group input:focus{outline:none;border-color:#ec1313}.status-message{margin-top:16px;border-radius:30px;padding:14px 20px;font-weight:600;font-size:.95rem}.status-success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#166534}.status-error{background:hsla(0,91%,71%,.18);border:1px solid rgba(239,68,68,.4);color:#7f1d1d}.submit-button{margin-top:24px;width:100%;height:64px;border-radius:9999px;border:none;background:linear-gradient(135deg,#ec1313,#be123c);color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 20px 40px rgba(236,19,19,.35);transition:transform .2s ease,box-shadow .2s ease}.submit-button:disabled{opacity:.7;cursor:wait}.submit-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 25px 50px rgba(236,19,19,.4)}.candy-base{position:absolute;left:32px;right:32px;bottom:-8px;height:20px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background-image:repeating-linear-gradient(45deg,#ec1313,#ec1313 10px,transparent 0,transparent 20px);opacity:.35}.app-footer{position:relative;z-index:10;text-align:center;padding:0 0 32px;color:#9ca3af;font-size:.75rem}@media (max-width:640px){.card{padding:28px;border-radius:32px}.card-accent.green{width:70px;height:70px;top:-35px;left:-18px}.card-accent.yellow{width:60px;height:60px;bottom:-25px;right:-10px}}