*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;background-color:#0d0d0d;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body,#root{height:100%;overflow-x:hidden}body{font-family:Raleway,sans-serif;overscroll-behavior:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}:root{--bg: #0d0d0d;--bg-gradient-start: #0d0d0d;--bg-gradient-end: #1a1a1a;--surface: #161616;--surface-light: #1f1f1f;--surface-hover: #242424;--accent: #c9a86c;--accent-light: #d4b87a;--accent-dark: #a88b52;--text: #ffffff;--text-secondary: #c5c5c5;--text-muted: #8a8a8a;--border: #2a2a2a;--border-light: #333333;--success: #4caf50;--error: #f44336;--overlay: rgba(0, 0, 0, .6);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px}.page{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;background:var(--bg)}.dot-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:radial-gradient(circle,rgba(201,168,108,.08) 1px,transparent 1px);background-size:20px 20px}.dot-pattern-dark{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:radial-gradient(circle,rgba(0,0,0,.4) 1.5px,transparent 1.5px);background-size:10px 10px}.gradient-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--bg-gradient-start),var(--bg-gradient-end))}.gradient-line-left{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--accent))}.gradient-line-right{flex:1;height:1px;background:linear-gradient(to right,var(--accent),transparent)}@keyframes shimmer{0%{transform:translate(-300px) skew(-20deg)}to{transform:translate(300px) skew(-20deg)}}@keyframes shimmerPulse{0%,to{opacity:.3}50%{opacity:.6}}@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 slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}