@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.min-h-screen{min-height:100vh}.grow{flex-grow:1}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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{--gold:#c9a84c;--gold-light:#e8c97a;--gold-dim:#8b6e2e;--bg:#0a0a0b;--bg-gradient:radial-gradient(circle at top left, #23372338, transparent 35%), radial-gradient(circle at bottom right, #2d193c2e, transparent 40%), linear-gradient(180deg, #0a0a0b 0%, #070708 100%);--surface:#111114d1;--surface-2:#18181ce0;--surface-3:#222228eb;--border:#ffffff14;--text-primary:#f0ede8;--text-secondary:#8a8795;--text-muted:#4a4855;--gold-glow:#c9a84c38}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text-primary);scroll-behavior:smooth}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);font-family:DM Sans,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 10%,#c9a84c0d,#0000 25%),radial-gradient(circle at 80% 90%,#7850ff0f,#0000 30%);position:fixed;inset:0}main,section,.container,.card{z-index:1;position:relative}body[dir=rtl]{font-family:Noto Kufi Arabic,sans-serif}.font-display{font-family:Syne,sans-serif}body[dir=rtl] .font-display{font-family:Noto Kufi Arabic,sans-serif}.text-gold{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e8c97a 0%,#c9a84c 50%,#8b6e2e 100%);-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.option-btn{text-align:left;border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:14px 18px;font-size:.95rem;line-height:1.5;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}[dir=rtl] .option-btn{text-align:right}.option-btn:hover{background:#ffffff08;border-color:#c9a84c80;transform:translateY(-1px);box-shadow:0 0 0 1px #c9a84c14,0 10px 30px #00000038}.option-btn.selected{border-color:var(--gold);color:var(--gold-light);background:#c9a84c14;box-shadow:0 0 24px #c9a84c1f}.scale-btn{border:1px solid var(--border);background:var(--surface-2);width:52px;height:52px;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .2s;display:flex}.scale-btn:hover{color:var(--gold-light);border-color:#c9a84c80;transform:translateY(-1px);box-shadow:0 0 18px #c9a84c1f}.scale-btn.selected{border-color:var(--gold);color:var(--gold-light);background:#c9a84c1f;box-shadow:0 0 16px #c9a84c38}.survey-textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;-webkit-backdrop-filter:blur(12px);border-radius:12px;outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .2s,box-shadow .2s,background .2s}.panel{-webkit-backdrop-filter:blur(18px);background:#111114b8;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 10px 40px #00000047}.survey-textarea:focus{background:#ffffff05;border-color:#c9a84c80;box-shadow:0 0 0 3px #c9a84c14}.survey-textarea::placeholder{color:var(--text-muted)}.progress-bar{background:#ffffff0f;border-radius:999px;height:2px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b6e2e,#c9a84c,#e8c97a);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #c9a84c4d}.glass-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 10px 40px #00000047}.divider-gold{background:linear-gradient(90deg,#0000,#c9a84c80,#0000);height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.5s forwards fadeUp}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}