:root{--bg-color: #fafafa;--text-primary: #111111;--text-secondary: #666666;--text-muted: #999999;--divider-color: #cccccc;--accent-color: #8b5cf6;--accent-color-hover: #7c3aed;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--margin-wide: 4rem;--rail-width: 80px;--max-width: 1200px}@media(max-width:768px){:root{--margin-wide: 1.5rem;--rail-width: 40px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100vh;width:100vw;overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:500;letter-spacing:.1em;margin-bottom:1rem;color:var(--text-primary)}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);text-transform:uppercase;font-size:1rem;font-weight:300;letter-spacing:.3em;color:var(--text-muted)}.divider-horizontal{width:100%;height:1px;background-color:var(--divider-color)}.divider-vertical{width:1px;height:100%;background-color:var(--divider-color)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeSlideUp .6s cubic-bezier(.2,.8,.2,1) forwards}input,button,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;outline:none}