*,*:before,*:after{box-sizing:border-box}body{min-height:100dvh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;-webkit-font-smoothing:antialiased;margin:0}html.in-iframe,html.in-iframe body{min-height:0;height:auto}#progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff1a;z-index:100;display:none}#progress-bar.visible{display:block}#progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#0ea5e9);transition:width .3s ease}#app{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen{max-width:480px;width:100%;animation:fadeIn .3s ease both}.screen-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:16px}.screen-subtitle{font-size:17px;color:#ffffffd9;text-align:center;line-height:1.6;margin-bottom:24px}.feature-list{list-style:none;padding:0;margin:0 0 28px;text-align:left}.feature-list li{position:relative;padding-left:28px;margin-bottom:14px;font-size:17px;color:#ffffffe0;line-height:1.6}.feature-list li:before{position:absolute;left:0;top:1px;color:#38bdf8;font-weight:700;font-size:16px}.feature-list.checks li:before{content:"✓"}.feature-list.arrows li:before{content:"→"}.feature-list.dashes li:before{content:"—"}.step-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#fff6;text-align:center;margin-bottom:16px}.btn-primary{display:block;width:100%;padding:16px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;min-height:52px;cursor:pointer;transition:opacity .15s ease}.btn-primary:hover{opacity:.9}.option-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;text-align:center;min-height:48px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.option-btn:hover{background:#38bdf81a;border-color:#38bdf84d}.option-btn.active,.option-btn.selected{background:#38bdf82e;border-color:#38bdf899}.options{display:flex;flex-direction:column;gap:10px}.role-cards{display:flex;flex-direction:row;gap:12px}.role-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-height:100px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.role-card:hover{background:#38bdf81a;border-color:#38bdf84d}.role-icon{font-size:32px}.role-label{font-size:16px;font-weight:600;color:#fff;text-align:center}.stepper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.stepper-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:24px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.stepper-btn:hover{background:#38bdf81a;border-color:#38bdf84d}.stepper-value{font-size:48px;font-weight:700;color:#38bdf8;min-width:80px;text-align:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:#ffffffa6;margin-bottom:6px}.form-input{display:block;width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:16px;outline:none;transition:border-color .15s ease}.form-input::placeholder{color:#ffffff4d}.form-input:focus{border-color:#38bdf8}.form-input.error{border-color:#f87171}.form-error{font-size:12px;color:#f87171;margin-top:4px;display:none}.form-error.visible{display:block}.gc-host{width:100%;max-width:480px}.gc-host--hidden{position:absolute!important;width:480px!important;left:-9999px!important;top:0!important;visibility:hidden;pointer-events:none}.gc-iframe{width:100%;height:0;border:none;display:block;background:transparent}.zone-badge{display:inline-block;font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.zone-badge.risk{background:#f8717126;color:#f87171}.zone-badge.growth{background:#fbbf2426;color:#fbbf24}.zone-badge.ok{background:#34d39926;color:#34d399}.metric{margin-bottom:16px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.metric-label{font-size:14px;color:#fffc}.metric-value{font-size:13px;font-weight:600}.metric-value.body{color:#38bdf8}.metric-value.base{color:#fbbf24}.metric-value.risk{color:#f87171}.metric-bar{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.metric-fill{height:100%;border-radius:4px;transition:width .8s ease}.metric-fill.body{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.metric-fill.base{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.metric-fill.risk{background:linear-gradient(90deg,#f87171,#ef4444)}.messenger-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid;cursor:pointer;transition:opacity .15s ease}.messenger-btn:hover{opacity:.85}.messenger-icon{font-size:14px;opacity:.9}.messenger-btn.telegram{background:#38bdf81f;border-color:#38bdf840;color:#7dd3fc}.messenger-btn.max{background:#6366f11f;border-color:#6366f140;color:#a5b4fc}.messenger-btn.vk{background:#60a5fa1f;border-color:#60a5fa40;color:#93c5fd}.text-center{text-align:center}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}