*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#fff;background-color:#000;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.navbar{position:fixed;top:0;width:100%;z-index:50;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #374151;padding:16px 0}.nav-content{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:32px;font-weight:700}.logo-os{color:#fff}.logo-web{color:#a3e635}.nav-menu{display:none;gap:32px}.nav-menu button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;transition:color .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav-menu button:hover{color:#a3e635}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#a3e6351a,#000,#a3e6350d)}.hero-content{position:relative;z-index:10;text-align:center;max-width:1280px;margin:0 auto;padding:0 24px}.hero-title{font-size:96px;font-weight:700;margin-bottom:16px;background:linear-gradient(to right,#fff,#a3e635,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 2s infinite}.hero-subtitle{font-size:32px;color:#d1d5db;font-weight:300;letter-spacing:.1em;margin-bottom:32px}.hero-description{font-size:20px;color:#9ca3af;max-width:768px;margin:0 auto 48px;line-height:1.7}.hero-buttons{display:flex;flex-direction:column;gap:24px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-primary{background-color:#a3e635;color:#000;padding:16px 32px;border-radius:8px;font-weight:600;border:none;cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:0 10px 25px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-primary:hover{background-color:#bef264;transform:scale(1.05);box-shadow:0 10px 25px #a3e63540}.btn-secondary{border:2px solid #a3e635;color:#a3e635;background:transparent;padding:16px 32px;border-radius:8px;font-weight:600;cursor:pointer;font-size:16px;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-secondary:hover{background-color:#a3e635;color:#000}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-indicator svg{width:32px;height:32px;color:#a3e635}.section{padding:80px 0}.section-alt{background-color:#11182780}.section-title{font-size:64px;font-weight:700;text-align:center;margin-bottom:64px}.section-title .accent{color:#a3e635}.section-content{max-width:1280px;margin:0 auto;padding:0 24px}.about-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}.about-text h3{font-size:32px;font-weight:600;margin-bottom:24px;color:#a3e635}.about-text p{color:#d1d5db;font-size:18px;line-height:1.7;margin-bottom:32px}.feature-cards{display:grid;grid-template-columns:1fr;gap:24px}.feature-card{background-color:#111827;padding:24px;border-radius:12px;border:1px solid #374151;transition:all .3s ease}.feature-card:hover{border-color:#a3e63580}.feature-card svg{width:48px;height:48px;color:#a3e635;margin-bottom:16px}.feature-card h4{font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:#9ca3af}.team-grid{display:grid;grid-template-columns:1fr;gap:32px}.team-card{background-color:#000;border:1px solid #374151;border-radius:12px;padding:24px;transition:all .5s ease;text-align:center}.team-card:hover{border-color:#a3e63580;transform:scale(1.05);box-shadow:0 20px 40px #a3e6351a}.team-avatar-container{position:relative;display:inline-block;margin-bottom:24px}.team-avatar{width:96px;height:96px;border-radius:50%;border:4px solid rgba(163,230,53,.2);transition:all .3s ease}.team-card:hover .team-avatar{border-color:#a3e635}.team-avatar-overlay{position:absolute;inset:0;border-radius:50%;background-color:#a3e6351a;transition:all .3s ease}.team-card:hover .team-avatar-overlay{background-color:#a3e63533}.team-name{font-size:20px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.team-card:hover .team-name{color:#a3e635}.team-role{color:#a3e635;font-weight:600;margin-bottom:16px}.team-bio{color:#9ca3af;font-size:14px;line-height:1.6;margin-bottom:24px}.team-social{display:flex;justify-content:center;gap:16px;opacity:0;transition:opacity .3s ease}.team-card:hover .team-social{opacity:1}.team-social svg{width:20px;height:20px;color:#9ca3af;cursor:pointer;transition:color .3s ease}.team-social svg:hover{color:#a3e635}.contact-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:48px}.contact-card{background-color:#111827;padding:32px;border-radius:12px;border:1px solid #374151;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:#a3e63580}.contact-card h3{font-size:32px;font-weight:700;margin-bottom:16px;color:#a3e635}.contact-card p{color:#9ca3af;margin-bottom:24px}.contact-info{display:flex;justify-content:center;align-items:center;gap:8px;color:#9ca3af;cursor:pointer;transition:color .3s ease}.contact-info:hover{color:#a3e635}.contact-info svg{width:20px;height:20px}.footer{background-color:#111827;border-top:1px solid #374151;padding:32px 0;text-align:center}.footer .logo{font-size:32px;font-weight:700;margin-bottom:16px}.footer p{color:#9ca3af;margin-bottom:16px}.footer .copyright{color:#6b7280;font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce{0%,20%,53%,80%,to{transform:translate3d(-50%,0,0)}40%,43%{transform:translate3d(-50%,-8px,0)}70%{transform:translate3d(-50%,-4px,0)}90%{transform:translate3d(-50%,-2px,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(30px);transition:all 1s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (min-width: 768px){.nav-menu{display:flex}.hero-title{font-size:128px}.hero-buttons{flex-direction:row;justify-content:center}.about-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr 1fr}}
