.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a)}.hero:before{content:"";position:absolute;inset:0;background-image:url(https://images.pexels.com/photos/325185/pexels-photo-325185.jpeg?auto=compress&cs=tinysrgb&w=1920);background-size:cover;background-position:center;opacity:.15;z-index:0}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,174,239,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,107,53,.08) 0%,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:2rem;animation:fadeInUp 1s ease-out}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#00aeef1a;border:1px solid rgba(0,174,239,.3);border-radius:50px;color:#00aeef;font-size:.875rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:2rem;animation:fadeIn 1s ease-out .3s backwards}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;margin:0 0 1.5rem;background:linear-gradient(135deg,#fff,#00aeef,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn 1s ease-out .5s backwards,shimmer 3s linear infinite}.c21{display:inline-block;color:#00aeef;-webkit-text-fill-color:#00aeef;font-weight:800}.hero-logo{max-width:100%;height:auto;max-height:120px}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);color:#e0e0e0;margin:0 0 1.5rem;font-weight:300;letter-spacing:2px;animation:fadeIn 1s ease-out .7s backwards}.hero-description{font-size:clamp(1rem,2vw,1.125rem);color:#b0b0b0;line-height:1.8;max-width:700px;margin:0 auto 3rem;animation:fadeIn 1s ease-out .9s backwards}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeIn 1s ease-out 1.1s backwards}.btn-primary,.btn-secondary{padding:1rem 2.5rem;font-size:1rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#00aeef,#08c);color:#fff;box-shadow:0 4px 20px #00aeef4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00aeef66}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;animation:fadeIn 1s ease-out 1.5s backwards}.mouse{width:26px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:15px;position:relative}.wheel{width:4px;height:8px;background:#ffffff80;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 1.5s ease-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{to{background-position:200% center}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}@media (max-width: 768px){.hero-content{padding:1.5rem;max-width:100%}.hero-logo{max-height:80px}.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{font-size:1.1rem;letter-spacing:1px}.hero-description{font-size:.95rem;line-height:1.6}.hero-badge{font-size:.75rem;padding:.4rem 1rem}.hero-buttons{flex-direction:column;width:100%;gap:1rem}.btn-primary,.btn-secondary{width:100%;max-width:100%;padding:.875rem 1.5rem;font-size:.9rem}.scroll-indicator{bottom:1.5rem}.mouse{width:22px;height:34px}}@media (max-width: 480px){.hero-content{padding:1rem}.hero-logo{max-height:60px}.hero-title{font-size:clamp(1.75rem,12vw,2.5rem)}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}}.about{padding:6rem 2rem;background:#0a0a0a;position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,174,239,.1) 0%,transparent 70%);border-radius:50%;transform:translateY(-50%)}.about-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-label{display:inline-block;padding:.5rem 1.5rem;background:#00aeef1a;border:1px solid rgba(0,174,239,.3);border-radius:50px;color:#00aeef;font-size:.875rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem}.about-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;margin:0 0 2rem;line-height:1.2}.about-description{font-size:1.125rem;color:#b0b0b0;line-height:1.8;margin:0 0 1.5rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#00aeef,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:gray;text-transform:uppercase;letter-spacing:1px}.about-image{position:relative}.image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}.image-wrapper img{width:100%;height:auto;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00aeef33,#0000004d)}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:3rem}.about-image{order:-1}.about-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-number{font-size:2rem}}@media (max-width: 640px){.about{padding:3rem 1rem}.about-content{gap:2rem}.about-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:1rem}.about-description{font-size:1rem;line-height:1.7;margin-bottom:1rem}.about-label{font-size:.75rem;padding:.4rem 1rem;margin-bottom:1rem}.about-stats{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;padding-top:2rem}.stat-number{font-size:1.75rem}.about-image{order:-1}}