@font-face{font-family:Cairo;src:url(/assets/fonts/Cairo-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg-primary: #0f0f1a;--bg-secondary: #16213e;--bg-surface: #1a1a2e;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(227, 213, 123, .3);--accent-gold: #E3D57B;--accent-gold-dim: rgba(227, 213, 123, .5);--accent-red: #B6484C;--accent-red-dark: #8B373A;--text-primary: #f0e6d3;--text-muted: rgba(240, 230, 211, .55);--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(227, 213, 123, .12);--shadow-glow-strong: 0 0 30px rgba(227, 213, 123, .25);--transition-fast: .2s ease;--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:Cairo,Arial,sans-serif;background:linear-gradient(160deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-surface) 100%);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent-gold);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #e3d57b33,0 0 16px #e3d57b1a}50%{box-shadow:0 0 16px #e3d57b66,0 0 32px #e3d57b33}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
