:root{--color-primary: #10B981;--color-primary-hover: #059669;--color-bg: #F9FAFB;--color-card-bg: #FFFFFF;--color-text: #111827;--color-text-secondary: #6B7280;--color-green: #10B981;--color-pink: #EF4444;--color-input-bg: #FFFFFF;--color-border: #E5E7EB;--font-main: "Jost", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: all .3s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}body{margin:0;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;display:flex;flex-direction:column;flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes wave{0%,to{box-shadow:0 0 #10b981b3,0 0 #10b98166,0 4px 12px #10b9814d}50%{box-shadow:0 0 0 10px #10b98100,0 0 0 20px #10b98100,0 4px 12px #10b9814d}}@keyframes borderPulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.2)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-scale-in{animation:scaleIn .4s ease forwards}.btn-wave{position:relative;animation:wave 2s ease-in-out infinite}.btn-wave:hover{animation:wave 1s ease-in-out infinite}h1,h2,h3{margin:0 0 1rem;font-weight:700;line-height:1.2}h1{font-size:2rem;color:var(--color-primary)}h2{font-size:1.5rem;color:var(--color-text)}h3{font-size:1.25rem;color:var(--color-text-secondary)}p{margin-bottom:1rem;line-height:1.6;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background-color:var(--color-primary);color:#fff;font-weight:600;font-family:var(--font-main);border-radius:var(--radius-md);border:none;cursor:pointer;font-size:1.1rem;transition:var(--transition);width:100%;max-width:400px;text-decoration:none;margin-top:2rem;box-shadow:var(--shadow-sm)}.btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}input[type=text],input[type=email],input[type=tel],input[type=date],textarea{width:100%;padding:14px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;transition:var(--transition);box-sizing:border-box;margin-bottom:1rem}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}input.error,textarea.error{border-color:var(--color-pink)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-border);border-radius:3px;outline:none;margin:20px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:2px solid white}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #10b98133}.option-card{display:flex;align-items:center;padding:16px;margin-bottom:10px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.option-card .icon-wrapper{display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--color-primary);background:#ecfdf5;padding:10px;border-radius:50%}.option-card .option-content{display:flex;align-items:center;flex:1}.option-card:hover{border-color:var(--color-primary);background-color:#f0fdf4}.option-card:hover .icon-wrapper{background:#fff}.option-card:active{transform:scale(.99)}.option-card.selected{border-color:var(--color-primary);background:#ecfdf5;box-shadow:0 0 0 1px var(--color-primary)}.option-card.selected .icon-wrapper{background:var(--color-primary);color:#fff}.option-card input{margin-right:12px;accent-color:var(--color-primary);width:20px;height:20px}.radio-circle{color:var(--color-primary);font-weight:700;font-size:1.2rem;line-height:1;margin-right:20px}.btn-back{display:inline-flex;align-items:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:8px 16px;border-radius:20px;transition:var(--transition);border:1px solid transparent}.btn-back:hover{background-color:#f3f4f6;color:var(--color-primary);border-color:var(--color-primary);transform:translate(-3px)}.step-icon{display:block}.container{max-width:600px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1;width:100%}.logo-area{text-align:center;padding:20px 0;position:relative;z-index:10}.progress-container{height:6px;background:#e5e7eb;width:100%;position:sticky;top:0;z-index:100}.progress-bar{height:100%;background:var(--color-primary);transition:width .5s ease}.step-header{text-align:center;margin-bottom:2rem}.highlight-box{background:#ecfdf5;border-left:4px solid var(--color-primary);padding:1rem;margin:1rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text)}.slider-value{text-align:center;font-size:2rem;font-weight:700;color:var (--color-primary);margin-bottom:.5rem}.toggle-unit{font-size:.9rem;cursor:pointer;color:var(--color-text-secondary);text-decoration:underline;text-align:center;margin-bottom:1rem}.char-counter{text-align:right;font-size:.8rem;color:var(--color-text-secondary);margin-top:-10px;margin-bottom:10px}.background-beams-container{position:relative;width:100%;min-height:100vh;background:linear-gradient(to bottom,#f9fafb,#e5e7eb);overflow:hidden;display:flex;flex-direction:column}.beam{position:absolute;top:-200px;width:3px;margin:auto;border-radius:9999px;background:linear-gradient(to top,rgba(16,185,129,.8),rgba(16,185,129,.3),transparent);animation:beamFall linear infinite}@keyframes beamFall{0%{transform:translateY(0)}to{transform:translateY(calc(100vh + 400px))}}.beam-collision-floor{position:absolute;bottom:0;width:100%;height:1px;background:transparent;pointer-events:none}.explosion{position:absolute;z-index:50;height:8px;width:8px;transform:translate(-50%,-50%);animation:explosionFade 1.5s ease-out forwards}@keyframes explosionFade{0%{opacity:0}20%{opacity:1}to{opacity:0}}.explosion-core{position:absolute;top:0;left:-40px;right:-40px;margin:auto;height:8px;width:40px;border-radius:9999px;background:linear-gradient(to right,transparent,rgba(16,185,129,.8),transparent);filter:blur(4px);animation:explosionFade 1.5s ease-out forwards}.explosion-particle{position:absolute;height:4px;width:4px;border-radius:9999px;background:linear-gradient(to bottom,#10b981cc,#059669cc);animation:particleMove 1.5s ease-out forwards}@keyframes particleMove{0%{transform:translate(0);opacity:1}to{transform:translate(var(--dir-x),var(--dir-y));opacity:0}}