/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#0a0a0a;--bg-accent:#110;--text:#fff;--muted:#fff8;--card:#1a1a0f;--card-2:#141400;--border:#c9a84c22;--shadow:0 10px 30px #00000080;--primary:#c9a84c;--primary-2:#f0c040;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#c9a84c}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);background:#0a0a0a;font-family:Inter,system-ui,sans-serif}.container{background:var(--card);border:1px solid var(--border);max-width:960px;box-shadow:var(--shadow);border-radius:16px;margin:0 auto;overflow:hidden}.header{color:#fff;text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(120deg,#c9a84c26,#f0c0401a);padding:36px 30px}.header h1{letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:#fff;margin-bottom:10px;font-size:2.4em}.header p{opacity:.9;color:#fff9;font-size:1.05em}.content{background:var(--bg-accent);padding:28px}.start-grid{max-width:700px;margin:0 auto}.hero-title{letter-spacing:-.02em;color:#fff;text-align:center;margin-bottom:16px;font-size:2.5rem;line-height:1.15}.hero-sub{color:#fff9;text-align:center;max-width:600px;margin:0 auto;font-size:1.15rem}.badge-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 8px;display:flex}.badge{color:#0a0a0a;background:linear-gradient(135deg,#c9a84c,#f0c040);border:none;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700;box-shadow:0 4px 8px #0003}.steps{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 28px;display:flex}.step{color:#fff;background:#1a1a0f;border:1px solid #c9a84c22;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;display:flex;box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a,0 4px 4px #0000001a,inset 0 1px #c9a84c1a}.step span{color:#0a0a0a;background:linear-gradient(135deg,#c9a84c,#f0c040);border-radius:999px;width:22px;height:22px;font-size:.9rem;font-weight:700;display:inline-flex}.cta-row,.step span{justify-content:center;align-items:center}.cta-row{gap:12px;margin-top:6px;display:flex}.btn{color:#0a0a0a;cursor:pointer;background:linear-gradient(135deg,#c9a84c,#f0c040);border:none;border-radius:12px;padding:14px 24px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a,0 4px 4px #0000001a,0 8px 8px #0000001a,inset 0 2px #fff3,inset 0 -2px #0003}.btn:hover{transform:translateY(-2px)}.restart-btn{background:linear-gradient(135deg,#c9a84c,#f0c040)}.question-header{border-bottom:1px solid #c9a84c22;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-right,.question-header{align-items:center;display:flex}.header-right{gap:16px}.question-counter{color:#fff;background:#1a1a0f;border:1px solid #c9a84c33;font-weight:600}.question-counter,.timer{border-radius:999px;padding:10px 16px}.timer{color:#0a0a0a;background:linear-gradient(135deg,#c9a84c,#f0c040);font-size:1.05em;font-weight:700;box-shadow:0 6px 16px #c9a84c4d}.question-text{color:#fff;background:#1a1a0f;border:1px solid #c9a84c22;border-radius:12px;margin:24px 0;padding:24px;font-size:1.15em;line-height:1.8;box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a,0 4px 4px #0000001a,0 8px 8px #0000001a,inset 0 1px #c9a84c14}.answer-options{justify-content:center;gap:20px;margin:30px 0;display:flex}.answer-btn{cursor:pointer;background:#1a1a0f;border:1px solid #c9a84c22;border-radius:12px;min-width:140px;padding:14px 24px;font-size:1rem;font-weight:600;transition:transform .12s,box-shadow .2s;box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a,0 4px 4px #0000001a,0 8px 8px #0000001a}.answer-btn.yes{color:#fff;background:#1a1a0f;border-color:#c9a84c44}.answer-btn.yes:hover{color:#0a0a0a;background:linear-gradient(135deg,#c9a84c,#f0c040);border-color:#f0c040;transform:translateY(-3px)}.answer-btn.no{color:#fca5a5;background:#1a1a0f;border-color:#ef444433}.answer-btn.no:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;transform:translateY(-3px)}.progress-bar{background:#1a1a0f;border:1px solid #c9a84c22;border-radius:999px;width:100%;height:8px;margin:20px 0;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-fill{background:linear-gradient(90deg,#c9a84c,#f0c040);height:100%;transition:width .35s;box-shadow:0 0 8px #c9a84c66}.progress-ring-container{width:60px;height:60px;display:inline-block;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle-bg{fill:none;stroke:#1a1a0f;stroke-width:6px}.progress-ring-circle{fill:none;stroke:#f0c040;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .5s}.progress-ring-text{color:#fff;white-space:nowrap;font-size:.85rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-card{background:#1a1a0f;border:1px solid #c9a84c22;border-radius:16px;padding:24px;box-shadow:0 1px 1px #00000026,0 2px 2px #00000026,0 4px 4px #00000026,0 8px 8px #00000026,0 16px 16px #00000026}.result-header{margin-bottom:14px}.result-badge{color:#fff;background:#c9a84c26;border:1px solid #c9a84c33;border-radius:999px;padding:6px 10px;font-size:.8rem;display:inline-block}.result-verdict{color:#fff;letter-spacing:-.01em;margin-top:10px;font-size:1.35rem}.result-tagline{color:#fff9;margin-top:6px;font-size:.98rem}.balance{margin:18px 0 6px}.balance-scale{color:#fff9;grid-template-columns:60px 1fr 60px;align-items:center;gap:10px;font-size:.88rem;font-weight:500;display:grid}.balance-bar{background:#c9a84c1a;border:1px solid #c9a84c22;border-radius:999px;height:10px;position:relative;overflow:hidden}.balance-indicator{background:linear-gradient(#f0c040,#c9a84c);border-radius:3px;width:4px;height:26px;transition:left .4s cubic-bezier(.4,0,.2,1);position:absolute;top:-8px;box-shadow:0 0 0 4px #c9a84c33,0 0 12px #c9a84c66}.balance-label{color:#fff;margin-top:10px;font-size:.95rem;font-weight:600}.factor-grid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}@media (min-width:720px){.factor-grid{grid-template-columns:1fr 1fr}}.factor-card{background:#1a1a0f;border:1px solid #c9a84c22;border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s;animation:slideInUp .5s ease-out backwards;position:relative;overflow:hidden;box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a,0 4px 4px #0000001a,0 8px 8px #0000001a}.factor-card:hover{transform:translateY(-4px)}.factor-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.factor-card.factor-mind:before{background:linear-gradient(90deg,#c9a84c,#f0c040)}.factor-card.factor-ego:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.factor-card.factor-adapt:before{background:linear-gradient(90deg,#10b981,#c9a84c)}.factor-card.factor-balance:before{background:linear-gradient(90deg,#c9a84c,#f0c040)}.factor-card h4{color:#fff;margin-bottom:6px;font-size:1.05rem;font-weight:600}.factor-meta{color:#fff9;align-items:center;gap:8px;margin-bottom:8px;font-size:.88rem;font-weight:500;display:flex}.factor-desc{color:#fff;font-size:.96rem;line-height:1.6}.mini-chips{flex-wrap:wrap;gap:8px;margin:10px 0 6px;display:flex}.mini-chip{color:#fff;background:#1a1a0f;border:1px solid #c9a84c22;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.88rem;font-weight:500;display:inline-flex}.mini-chip .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.mini-chip .dot.green{background:#22c55e;box-shadow:0 0 8px #22c55e66}.mini-chip .dot.red{background:#ef4444;box-shadow:0 0 8px #ef444466}.mini-chip .dot.orange{background:#f0c040;box-shadow:0 0 8px #f0c04066}.tips-wrap{margin-top:10px}.tips-title{color:#fff;margin:10px 0 8px;font-size:1rem;font-weight:700}.tips{color:#fff;margin:0;padding-left:18px}.tips li{margin:6px 0}.result-actions{gap:10px;margin-top:18px;display:flex}.fade-in-up{opacity:0;animation:fadeInUp .36s forwards;transform:translateY(8px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.factor-card:first-child{animation-delay:.1s}.factor-card:nth-child(2){animation-delay:.2s}.factor-card:nth-child(3){animation-delay:.3s}.factor-card:nth-child(4){animation-delay:.4s}.container{background:#1a1a0f}@media (max-width:768px){body{padding:10px}.container{border-radius:10px}.content{padding:20px}.answer-options{flex-direction:column;align-items:center}.answer-btn{min-width:130px;min-height:48px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}