:root {
  --color-bg: #ffffff;
    --color-bg-alt: #f5f5f7;
      --color-text: #1d1d1f;
        --color-muted: #6e6e73;
          --color-accent: #0071e3;
            --max-width: 960px;
              --radius: 10px;
              }
              
              * {
                box-sizing: border-box;
                  margin: 0;
                    padding: 0;
                    }
                    
                    body {
                      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
                        color: var(--color-text);
                          background: var(--color-bg);
                            line-height: 1.6;
                            }
                            
                            a {
                              color: var(--color-accent);
                                text-decoration: none;
                                }
                                
                                img {
                                  max-width: 100%;
                                    display: block;
                                    }
                                    
                                    .container {
                                      max-width: var(--max-width);
                                        margin: 0 auto;
                                          padding: 0 24px;
                                          }
                                          
                                          .site-header {
                                            position: sticky;
                                              top: 0;
                                                background: rgba(255, 255, 255, 0.85);
                                                  backdrop-filter: blur(8px);
                                                    border-bottom: 1px solid #e5e5e5;
                                                      z-index: 10;
                                                      }
                                                      
                                                      .nav {
                                                        display: flex;
                                                          align-items: center;
                                                            justify-content: space-between;
                                                              height: 64px;
                                                              }
                                                              
                                                              .logo {
                                                                font-weight: 600;
                                                                  font-size: 1.1rem;
                                                                    color: var(--color-text);
                                                                    }
                                                                    
                                                                    .nav-links {
                                                                      display: flex;
                                                                        list-style: none;
                                                                          gap: 28px;
                                                                          }
                                                                          
                                                                          .nav-links a {
                                                                            color: var(--color-text);
                                                                              font-size: 0.95rem;
                                                                              }
                                                                              
                                                                              .nav-links a:hover {
                                                                                color: var(--color-accent);
                                                                                }
                                                                                
                                                                                .hero {
                                                                                  padding: 120px 0 100px;
                                                                                    text-align: center;
                                                                                    }
                                                                                    
                                                                                    .hero h1 {
                                                                                      font-size: 3rem;
                                                                                        font-weight: 700;
                                                                                          margin-bottom: 16px;
                                                                                          }
                                                                                          
                                                                                          .hero .tagline {
                                                                                            font-size: 1.25rem;
                                                                                              color: var(--color-muted);
                                                                                                margin-bottom: 32px;
                                                                                                }
                                                                                                
                                                                                                .btn {
                                                                                                  display: inline-block;
                                                                                                    background: var(--color-accent);
                                                                                                      color: #fff;
                                                                                                        padding: 12px 28px;
                                                                                                          border-radius: var(--radius);
                                                                                                            font-weight: 500;
                                                                                                            }
                                                                                                            
                                                                                                            .btn:hover {
                                                                                                              opacity: 0.9;
                                                                                                              }
                                                                                                              
                                                                                                              .section {
                                                                                                                padding: 80px 0;
                                                                                                                }
                                                                                                                
                                                                                                                .section-alt {
                                                                                                                  background: var(--color-bg-alt);
                                                                                                                  }
                                                                                                                  
                                                                                                                  .section h2 {
                                                                                                                    font-size: 2rem;
                                                                                                                      margin-bottom: 24px;
                                                                                                                      }
                                                                                                                      
                                                                                                                      .section p {
                                                                                                                        color: var(--color-muted);
                                                                                                                          max-width: 640px;
                                                                                                                          }
                                                                                                                          
                                                                                                                          .project-grid {
                                                                                                                            display: grid;
                                                                                                                              grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
                                                                                                                                gap: 24px;
                                                                                                                                  margin-top: 32px;
                                                                                                                                  }
                                                                                                                                  
                                                                                                                                  .card {
                                                                                                                                    background: #fff;
                                                                                                                                      border: 1px solid #e5e5e5;
                                                                                                                                        border-radius: var(--radius);
                                                                                                                                          padding: 24px;
                                                                                                                                          }
                                                                                                                                          
                                                                                                                                          .card h3 {
                                                                                                                                            margin-bottom: 8px;
                                                                                                                                            }
                                                                                                                                            
                                                                                                                                            .card p {
                                                                                                                                              font-size: 0.95rem;
                                                                                                                                                margin-bottom: 16px;
                                                                                                                                                }
                                                                                                                                                
                                                                                                                                                .card-link {
                                                                                                                                                  font-size: 0.9rem;
                                                                                                                                                    font-weight: 500;
                                                                                                                                                    }
                                                                                                                                                    
                                                                                                                                                    .site-footer {
                                                                                                                                                      padding: 32px 0;
                                                                                                                                                        text-align: center;
                                                                                                                                                          color: var(--color-muted);
                                                                                                                                                            font-size: 0.85rem;
                                                                                                                                                              border-top: 1px solid #e5e5e5;
                                                                                                                                                              }
                                                                                                                                                              
                                                                                                                                                              @media (max-width: 600px) {
                                                                                                                                                                .nav-links {
                                                                                                                                                                    gap: 16px;
                                                                                                                                                                      }
                                                                                                                                                                        .hero h1 {
                                                                                                                                                                            font-size: 2.2rem;
                                                                                                                                                                              }
                                                                                                                                                                              }