:root{--color-primary:#fff;--color-secondary:#a1a1aa;--color-accent:#71717a;--color-background:#000;--color-surface:hsla(0,0%,100%,.03);--color-text:#fff;--color-text-secondary:#a1a1aa;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--transition-all:all 0.2s ease;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;padding:0;margin:0}*,body,html{font-family:var(--font-primary)}body,html{max-width:100vw;overflow-x:hidden;font-weight:400;color:var(--color-text);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}body{background:#000;min-height:100vh}a{color:inherit;text-decoration:none;transition:var(--transition-all);font-family:var(--font-primary)}a:hover{color:var(--color-text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:var(--transition-all);font-family:var(--font-primary);border:1px solid hsla(0,0%,100%,.08)}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:hsla(0,0%,100%,.15)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:500;transition:var(--transition-all);background:var(--color-surface);color:var(--color-text);border:1px solid hsla(0,0%,100%,.08);cursor:pointer;letter-spacing:.02em}.button:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15)}input,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:400;transition:var(--transition-all);letter-spacing:.01em;background:hsla(0,0%,100%,.03);color:var(--color-text)}input:focus,textarea:focus{outline:none;border-color:hsla(0,0%,100%,.2);box-shadow:0 0 0 3px hsla(0,0%,100%,.05)}input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.4)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){html{font-size:14px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}