:root{--bg-dark: #090a0f;--bg-card: rgba(22, 27, 40, .75);--bg-card-hover: rgba(30, 38, 56, .9);--border-glass: rgba(255, 255, 255, .12);--border-active: rgba(139, 92, 246, .5);--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-family: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-glow: 0 0 25px rgba(139, 92, 246, .25);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .5)}[dir=rtl]{--font-family: "Tajawal", "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.12) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(244,63,94,.08) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:480px;min-height:100vh;display:flex;flex-direction:column;position:relative;padding:16px}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:700;font-size:1rem;border-radius:var(--radius-md);padding:14px 20px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),#6366f1);color:#fff;box-shadow:0 4px 20px #8b5cf666}.btn-primary:hover{box-shadow:0 6px 25px #8b5cf699}.btn-secondary{background:#ffffff14;color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff24}.btn-danger{background:linear-gradient(135deg,var(--accent-rose),#e11d48);color:#fff;box-shadow:0 4px 20px #f43f5e66}.btn-emerald{background:linear-gradient(135deg,var(--accent-emerald),#059669);color:#fff;box-shadow:0 4px 20px #10b98166}.btn-full{width:100%}.btn-large{padding:18px 24px;font-size:1.15rem;border-radius:var(--radius-lg)}.input-field{width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;color:var(--text-main);background:#0f172a99;border:1px solid var(--border-glass);border-radius:var(--radius-md);outline:none;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf640}.input-field::placeholder{color:var(--text-dim)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 16px}.logo-badge{display:flex;align-items:center;gap:8px;font-weight:900;font-size:1.25rem;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reveal-card{width:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:2px dashed rgba(139,92,246,.4);border-radius:var(--radius-lg);padding:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.reveal-card.revealed{border-style:solid;border-color:var(--accent-purple);background:linear-gradient(145deg,#2e1065b3,#0f172af2);box-shadow:var(--shadow-glow)}.reveal-card:active{transform:scale(.98)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8b5cf64d}50%{box-shadow:0 0 35px #8b5cf6b3}}.pulse-glow{animation:pulseGlow 2s infinite ease-in-out}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-item{animation:floatAnim 3s infinite ease-in-out}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}