:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--shadow-light:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-medium:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-heavy:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--font-primary:'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono',Monaco,'Cascadia Code','Roboto Mono','Courier New',monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:0.15s ease-in-out;--transition-medium:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-color)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);transition:all var(--transition-medium);overflow:hidden}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.card-content{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color);color:#fff}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-accent{background:var(--accent-color);color:#fff}.btn-accent:hover{background:#d97706;color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.icon-xs{width:16px;height:16px}.icon-sm{width:20px;height:20px}.icon-md{width:24px;height:24px}.icon-lg{width:32px;height:32px}.icon-xl{width:48px;height:48px}.icon-2xl{width:64px;height:64px}.icon-3xl{width:80px;height:80px}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-light)}.shadow-md{box-shadow:var(--shadow-medium)}.shadow-lg{box-shadow:var(--shadow-heavy)}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.flex-between{flex-direction:column;gap:var(--spacing-md)}.icon-lg{width:28px;height:28px}.icon-xl{width:40px;height:40px}.icon-2xl{width:56px;height:56px}.icon-3xl{width:64px;height:64px}}@media (max-width:480px){html{font-size:14px}.card-content,.card-footer,.card-header{padding:var(--spacing-md)}.icon-sm{width:18px;height:18px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-2xl{width:48px;height:48px}.icon-3xl{width:56px;height:56px}}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:rgba(255,255,255,.95)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.navbar .logo{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.navbar .nav-links{display:flex;list-style:none;gap:var(--spacing-lg)}.navbar .nav-links a{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast)}.navbar .nav-links a.active,.navbar .nav-links a:hover{color:var(--primary-color)}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--spacing-sm);flex-direction:column;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.mobile-menu-toggle:hover{background-color:var(--bg-secondary)}.mobile-menu-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}.hamburger-line{display:block;width:20px;height:2px;background-color:var(--text-primary);margin:2px 0;transition:all var(--transition-fast);transform-origin:center}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.navbar .nav-links{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-direction:column;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;box-shadow:var(--shadow-medium)}.navbar .nav-links.mobile-menu-open{max-height:200px;opacity:1}.navbar .nav-links li{border-bottom:1px solid var(--border-color)}.navbar .nav-links li:last-child{border-bottom:none}.navbar .nav-links a{display:block;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);font-weight:500}.navbar .nav-links a.active,.navbar .nav-links a:hover{background-color:var(--bg-secondary);color:var(--primary-color)}}