:root{--color1:#e8ddcb;--color2:#cdb380;--color3:#036564;--color4:#033649;--color5:#031634;--bg-dark:#000;--bg-card:#080808;--line-color:var(--color3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background-color:var(--bg-dark);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}body{background:var(--bg-dark);background-image:linear-gradient(#03656408 1px,#0000 1px),linear-gradient(90deg,#03656408 1px,#0000 1px);background-size:40px 40px;margin:0;padding:0;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--line-color);background:#000c;justify-content:space-between;align-items:center;padding:1.5rem 4rem;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:3px;text-transform:uppercase;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.logo:before{content:"";background-color:var(--color2);width:12px;height:12px;box-shadow:0 0 10px var(--color2);border-radius:50%;display:block}.navbar nav a{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin-left:2.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.navbar nav a:hover{color:var(--color2)}.hero{justify-content:space-between;align-items:center;gap:4rem;min-height:85vh;padding:0 4rem;display:flex;position:relative}.hero-content{z-index:10;flex:1;max-width:600px}.hero-content h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.hero-content h1 span{background:linear-gradient(90deg, var(--color2), var(--color3));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-content p{color:#fff9;margin-bottom:3rem;font-size:1.2rem;font-weight:300}.hero-buttons{gap:1.5rem;display:flex}.hero-image{z-index:10;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-image img{z-index:2;border:1px solid #0365644d;border-radius:12px;max-width:100%;height:auto;position:relative;box-shadow:0 20px 50px #00000080}.hero-image:after{content:"";filter:blur(40px);z-index:1;background:radial-gradient(circle,#03656466 0%,#0000 60%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:1rem 2.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s}.btn.primary{background-color:var(--color3);color:#fff;border:1px solid var(--color3);animation:3s infinite alternate glowPulse;box-shadow:0 0 20px #0365644d}.btn.primary:hover{color:var(--color3);background-color:#000;animation:none;box-shadow:0 0 30px #036564cc}.btn.secondary{color:var(--color1);background-color:#0000;border:1px solid #e8ddcb4d}.btn.secondary:hover{border-color:var(--color2);color:var(--color2)}.about{background-color:var(--bg-card);padding:6rem 4rem;position:relative}.about:before{content:"";background:linear-gradient(90deg, transparent, var(--color3), transparent);width:100%;height:1px;position:absolute;top:0;left:0}.about h2{text-align:center;color:#fff;margin-bottom:4rem;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#000;border:1px solid #03656433;border-radius:8px;padding:3rem 2rem;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--color3);transform-origin:0;width:100%;height:2px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:hover{border-color:#cdb38066;transform:translateY(-5px);box-shadow:0 10px 30px #0365641a}.feature-card:hover:before{background:var(--color2);transform:scaleX(1)}.feature-card h3{color:var(--color1);margin-top:0;margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#ffffff80;font-weight:300}.contact{justify-content:center;padding:6rem 4rem;display:flex;position:relative}.contact:before{content:"";background:var(--color3);width:1px;height:50px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-card{background:#000;border:1px solid #0365644d;border-radius:8px;width:100%;max-width:500px;padding:4rem;position:relative}.contact-card:after{content:"";border-top:2px solid var(--color2);border-right:2px solid var(--color2);width:30px;height:30px;position:absolute;top:-1px;right:-1px}.contact-card:before{content:"";border-bottom:2px solid var(--color2);border-left:2px solid var(--color2);width:30px;height:30px;position:absolute;bottom:-1px;left:-1px}.contact-card h2{color:#fff;margin-top:0;margin-bottom:.5rem;font-size:2rem}.contact-card>p{color:#ffffff80;margin-bottom:2.5rem;font-weight:300}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{color:var(--color2);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.85rem;display:block}.input-group input,.input-group textarea{color:#fff;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:1rem;font-family:inherit;transition:all .3s}.input-group input:focus,.input-group textarea:focus{border-color:var(--color3);background:#0365640d;outline:none}.form-message{text-align:center;margin-top:1rem;font-size:.9rem}.full-width{width:100%;margin-top:1rem}footer{text-align:center;color:#ffffff4d;background:#000;border-top:1px solid #03656433;padding:2rem;font-size:.85rem}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding:4rem 2rem}.hero-content h1{font-size:3rem}.hero-buttons{justify-content:center}.navbar{padding:1.5rem 2rem}.navbar nav{display:none}.about,.contact{padding:4rem 2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 15px #0365644d}to{box-shadow:0 0 35px #036564b3}}.hero-content h1{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.hero-content p{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards fadeInUp}.hero-buttons{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) .4s forwards fadeInUp}.hero-image img{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .6s forwards fadeInUp,6s ease-in-out 1.8s infinite float}.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.5s}