:root{--bg-main: #0F0F10;--bg-secondary: #151517;--card-bg: #1C1C1F;--text-main: #EAEAEA;--text-secondary: #9CA3AF;--accent: #3B82F6;--accent-hover: #2563EB;--border-color: #2A2A2E;--max-width: 1200px;--transition-fast: .2s ease;--transition-smooth: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:3rem}h2{font-size:2.2rem}h3{font-size:1.5rem}p{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-hover)}.container{max-width:var(--max-width);margin:auto;padding:0 20px}.section{padding:80px 0}.section-alt{background:var(--bg-secondary)}html,body{height:100%}body{margin:0;background:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column;min-height:100vh}app-root{display:flex;flex-direction:column;flex:1}.main-content{flex:1}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:24px;transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 8px 25px #0006}.btn{display:inline-block;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:var(--transition-fast);border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:transparent}.btn-outline:hover{background:var(--accent);color:#fff}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 0}.text-center{text-align:center}.text-accent{color:var(--accent)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}::selection{background:var(--accent);color:#fff}.project-link-text{color:var(--accent);text-decoration:none;font-size:.95rem;transition:var(--transition-fast)}.project-link-text:hover{text-decoration:underline}