:root{--color-bg-dark: #0f172a;--color-bg-surface: #1e293b;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--font-family-base: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html{scroll-behavior:smooth;scroll-padding-top:80px}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;margin-top:0;line-height:1.2}p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1.125rem}.text-accent{color:var(--color-accent)}.bg-surface{background-color:var(--color-bg-surface);border-radius:12px;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-accent-hover)}.btn-primary{display:inline-block;background-color:var(--color-accent);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff}.btn-primary:active{transform:scale(.98)}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.w-100{width:100%!important}