.light{--primary: rgb(53 37 205);--surface-tint: rgb(77 68 227);--on-primary: rgb(255 255 255);--primary-container: rgb(79 70 229);--on-primary-container: rgb(218 215 255);--secondary: rgb(88 87 155);--on-secondary: rgb(255 255 255);--secondary-container: rgb(182 180 255);--on-secondary-container: rgb(69 67 134);--tertiary: rgb(130 0 138);--on-tertiary: rgb(255 255 255);--tertiary-container: rgb(160 40 166);--on-tertiary-container: rgb(255 204 248);--error: rgb(186 26 26);--on-error: rgb(255 255 255);--error-container: rgb(255 218 214);--on-error-container: rgb(147 0 10);--background: rgb(252 248 255);--on-background: rgb(27 27 36);--surface: rgb(252 248 255);--on-surface: rgb(27 27 36);--surface-variant: rgb(227 224 244);--on-surface-variant: rgb(70 69 85);--outline: rgb(119 117 135);--outline-variant: rgb(199 196 216);--shadow: rgb(0 0 0);--scrim: rgb(0 0 0);--inverse-surface: rgb(48 47 57);--inverse-on-surface: rgb(243 239 252);--inverse-primary: rgb(195 192 255);--primary-fixed: rgb(226 223 255);--on-primary-fixed: rgb(15 0 105);--primary-fixed-dim: rgb(195 192 255);--on-primary-fixed-variant: rgb(51 35 204);--secondary-fixed: rgb(226 223 255);--on-secondary-fixed: rgb(20 15 84);--secondary-fixed-dim: rgb(195 192 255);--on-secondary-fixed-variant: rgb(65 63 130);--tertiary-fixed: rgb(255 214 248);--on-tertiary-fixed: rgb(55 0 59);--tertiary-fixed-dim: rgb(255 169 250);--on-tertiary-fixed-variant: rgb(127 0 135);--surface-dim: rgb(220 216 229);--surface-bright: rgb(252 248 255);--surface-container-lowest: rgb(255 255 255);--surface-container-low: rgb(245 242 255);--surface-container: rgb(240 236 249);--surface-container-high: rgb(234 230 244);--surface-container-highest: rgb(228 225 238)}body{margin:0;font-family:Google Sans,Roboto,sans-serif;background:var(--background);color:var(--on-background);-webkit-user-select:none;user-select:none}a{color:var(--primary)}.hero-container{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:50px;flex-wrap:wrap}.hero-content{flex:1;min-width:300px}.hero-content h1{font-size:48px;margin-bottom:20px;line-height:1.2}.hero-content h1 span{color:#4f46e5}.hero-content p{font-size:18px;color:#555;margin-bottom:30px}.hero-buttons{display:flex;gap:15px}.primary-btn{padding:12px 24px;border:none;background-color:#4f46e5;color:#fff;border-radius:8px;cursor:pointer;font-size:16px}.primary-btn:hover{background-color:#4338ca}.secondary-btn{padding:12px 24px;border:1px solid #ccc;background-color:#fff;border-radius:8px;cursor:pointer;font-size:16px}.secondary-btn:hover{background-color:#f2f2f2}.hero-image{flex:1;min-width:300px;text-align:center}.hero-image img{max-width:100%;border-radius:16px;transition:all .3s ease;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.hero-image img:hover{transform:translateY(-6px);filter:drop-shadow(0 12px 15px rgba(0,0,0,.4))}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:40px 20px;max-width:1200px;margin:auto}.feature-card{background:#fff;border-radius:20px;padding:30px 20px;text-align:center;transition:all .3s ease;box-shadow:0 8px 10px #0000000d}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 15px #0000001a}.feature-image-wrapper{border-radius:16px;padding:5px;display:inline-block;margin-bottom:20px}.feature-image{width:100%;max-width:220px;border-radius:12px}.feature-title{font-size:20px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.feature-description{font-size:15px;color:#5f6c7b;line-height:1.6}.contributors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:2rem 1rem}.contributor-card{text-align:center;padding:1.5rem 1rem;border-radius:16px;background:linear-gradient(145deg,#fff,#f5f7fa);border:1px solid rgba(0,0,0,.05);box-shadow:0 6px 20px #0000000f;transition:all .35s ease;position:relative;overflow:hidden}.contributor-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001f}.contributor-avatar{width:90px;height:90px;border-radius:50%;margin-bottom:1rem;object-fit:cover;transition:transform .3s ease}.contributor-card:hover .contributor-avatar{transform:scale(1.08);border:3px solid var(--primary)}.contributor-card h4{margin:.4rem 0;font-size:1.05rem;font-weight:600;color:#222;transition:color .3s ease}.contributor-card:hover h4{color:var(--primary)}.contributor-card p{font-size:.9rem;color:#666;margin:0}.custom-badge{position:absolute;top:12px;right:12px;color:#fff;font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:50px;letter-spacing:.5px;box-shadow:0 4px 12px #0003}
