.navbar{z-index:1000;width:calc(100% - 40px);max-width:1200px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.nav-container{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e293bd9;border-radius:999px;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;box-shadow:0 20px 60px #0006}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-logo img{object-fit:contain;border-radius:100px;width:auto;height:42px;transition:transform .3s,opacity .3s}.nav-logo:hover img{opacity:.9;transform:scale(1.05)}.nav-links{gap:28px;display:flex}.nav-links a{color:#e5e7eb;font-size:15px;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg,#ff2d2d,#ff7a18);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:26px;display:none}.mobile-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;opacity:0;pointer-events:none;background:#1e293bf2;border-radius:20px;width:calc(100% - 60px);max-width:400px;padding:20px;transition:all .3s;position:absolute;top:85px;left:50%;transform:translate(-50%)translateY(-10px)}.mobile-menu a{color:#e5e7eb;border-radius:12px;padding:14px;font-size:16px;text-decoration:none;transition:background .3s,color .3s;display:block}.mobile-menu a:hover{color:#fff;background:#ff2d2d26}.mobile-menu.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@media (max-width:768px){.nav-links{display:none}.menu-btn{display:block}.nav-logo img{height:36px}}.nav-cta{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff2d2d,#ff7a18);border-radius:999px;margin-left:24px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 8px 30px #ff2d2d66}.nav-cta:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 12px 40px #ff2d2d99}.nav-cta:active{transform:translateY(0)}@media (max-width:768px){.nav-cta{display:none}}.mobile-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#ff2d2d,#ff7a18);border-radius:30px;margin-top:12px;padding:14px;font-weight:600;text-decoration:none}.scroll-rocket{cursor:pointer;z-index:999;width:70px;height:70px;position:fixed;bottom:30px;right:30px}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#ffffff26;stroke-width:4px}.progress-bar{fill:none;stroke:#ff2d2d;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .3s}.rocket-circle{color:#fff;background:linear-gradient(135deg,#ff2d2d,#ff7a18);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #ff2d2d99}.scroll-rocket:hover .rocket-circle{transform:translate(-50%,-55%)scale(1.05);box-shadow:0 20px 50px #ff2d2de6}.rocket-circle:after{content:"";filter:blur(6px);background:radial-gradient(circle,#ff7a18cc,#0000);width:12px;height:22px;position:absolute;bottom:-10px}.about{color:#fff;background:#000;padding:120px 20px;font-family:Segoe UI,sans-serif}.about-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:auto;display:grid}.about-label{color:#888;letter-spacing:3px;text-transform:uppercase;font-size:14px}.about-title{background:linear-gradient(90deg,#ff2d2d,#ff7a18);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:20px 0;font-size:52px;line-height:1.1}.about-text p{color:#ccc;max-width:520px;margin-bottom:16px;line-height:1.8}.about-stats{gap:40px;margin-top:40px;display:flex}.about-stats h3{color:#ff2d2d;font-size:32px}.about-stats span{color:#aaa;font-size:14px}.about-image{justify-content:center;display:flex;position:relative}.about-image img{z-index:2;border-radius:14px;width:300px;transition:transform .5s,box-shadow .5s;box-shadow:0 20px 60px #000c}.about-image img:hover{transform:translateY(-12px)scale(1.04)}.image-bg{z-index:1;filter:blur(2px);background:#ff2d2d;border-radius:100%;width:260px;height:260px;position:absolute;box-shadow:0 0 120px #ff2d2db3}@media (max-width:900px){.about-container{text-align:center;grid-template-columns:1fr}.about-text p{margin:auto}.about-stats{justify-content:center}.about-image{margin-top:60px}}.contact{background:linear-gradient(135deg,#000);justify-content:center;align-items:center;padding:80px 20px;display:flex}.contact-container{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff14;border-radius:16px;width:100%;max-width:500px;padding:40px;box-shadow:0 20px 40px #0000004d}.contact-container h2{letter-spacing:1px;background:linear-gradient(90deg,#ff2d2d,#ff7a18);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.2rem}.contact-container p{color:#e0e0e0;margin-bottom:30px;font-size:1rem}.contact-list{margin:0;padding:0;list-style:none}.contact-list li{background:#ffffff1f;border-radius:10px;align-items:center;gap:15px;margin-bottom:15px;padding:14px 18px;transition:transform .3s,background .3s;display:flex}.contact-list li:hover{background:linear-gradient(90deg,#ff2d2d,#ff7a18);-webkit-text-fill-color:transparent;-webkit-background-clip:text;transform:translateY(-4px)}.contact-list a{color:#fff;word-break:break-all;font-size:1rem;text-decoration:none}.contact-icon{font-size:1.6rem}.contact-icon.email{color:#ffcc70}.contact-icon.linkedin{color:#0a66c2}.contact-icon.github{color:#fff}@media (max-width:480px){.contact-container{padding:25px}.contact-container h2{font-size:1.8rem}}.view-footer{background:linear-gradient(#0000,#0009);justify-content:center;align-items:center;width:100%;padding:30px 0;display:flex}.view-counter{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:all .3s;display:flex;box-shadow:0 8px 25px #00000040}.view-icon{opacity:.85;font-size:16px}.view-text{letter-spacing:.4px;font-weight:600}.view-counter:hover{border-color:#f009;transform:translateY(-3px);box-shadow:0 12px 35px #ff000059}@media (max-width:768px){.view-counter{padding:8px 16px;font-size:13px}}
