body{font-family:Arial,sans-serif;background-color:#fff;margin:0;padding:0}.form-container{max-width:1100px;margin:50px auto;padding:3px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}nav{background-color:#fff;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}ul.menu{list-style:none;padding:0;margin:0;display:flex;justify-content:center}ul.menu li{margin:0 20px}ul.menu li a{text-decoration:none;color:#000;font-weight:bold;padding:10px 15px;transition:background-color .3s,color .3s}ul.menu li a:hover{background-color:#f0f0f0;color:#333;border-radius:5px}.logo{display:block;margin:0 auto;max-width:100%;height:auto}h2{text-align:center;margin-bottom:20px}.error-message{color:red;text-align:center;display:none;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px}.input-field{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.button-group{text-align:center}.button{padding:10px 20px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;margin-right:10px}.action-button{padding:10px 20px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;margin-right:10px}.button:hover{background-color:#0056b3}@media(max-width:400px){.login-container{width:90%}.button{width:100%}}.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:80px 0;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-content{animation:fadeInUp 1s ease-out}.hero-title{font-size:3.5rem;font-weight:700;margin:0 0 20px 0;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;font-weight:300;margin:0 0 30px 0;opacity:.9}.hero-description{margin-bottom:40px}.hero-description p{font-size:1.1rem;line-height:1.6;margin-bottom:15px;opacity:.9}.cta-button{display:inline-block;padding:15px 30px;background:rgba(255,255,255,.2);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;backdrop-filter:blur(10px)}.cta-button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease-out}.tech-icons{display:grid;grid-template-columns:1fr 1fr;gap:30px}.icon-item{text-align:center;padding:30px 20px;background:rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.icon-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.icon-item i{display:block;width:60px;height:60px;margin:0 auto 15px;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-server{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M4 1h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm0 8h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm0 8h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z"/></svg>')}.icon-cloud{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>')}.icon-security{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>')}.icon-support{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>')}.icon-item span{display:block;font-weight:600;font-size:.9rem}.main-content{background:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 20px}.about-section{padding:80px 0;background:#fff}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0 0 20px 0}.section-divider{width:80px;height:4px;background:linear-gradient(45deg,#667eea,#764ba2);margin:0 auto;border-radius:2px}.about-content{display:grid;gap:60px}.about-text{text-align:center;max-width:800px;margin:0 auto}.about-text p{font-size:1.2rem;line-height:1.8;color:#4a5568}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid #e2e8f0}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.feature-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-icon i{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-business{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/></svg>')}.icon-operations{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M9 11H7v6h2v-6zm4 0h-2v6h2v-6zm4 0h-2v6h2v-6zm2.5-9H18V1h-2v1H8V1H6v1H4.5C3.67 2 3 2.67 3 3.5v15C3 19.33 3.67 20 4.5 20h15c.83 0 1.5-.67 1.5-1.5v-15C21 2.67 20.33 2 19.5 2z"/></svg>')}.icon-analytics{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M3 13h2v8H3v-8zm4-6h2v14H7V7zm4-4h2v18h-2V3zm4 8h2v10h-2V11zm4-4h2v14h-2V7z"/></svg>')}.feature-card h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 15px 0}.feature-card p{color:#4a5568;line-height:1.6}.mission-vision-section{padding:80px 0;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%)}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.mv-card{background:#fff;padding:50px 40px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);text-align:center;transition:all .3s ease;border:1px solid #e2e8f0}.mv-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.mission-card{border-top:4px solid #667eea}.vision-card{border-top:4px solid #764ba2}.mv-icon{width:100px;height:100px;margin:0 auto 30px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.mv-icon i{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-mission{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>')}.icon-vision{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>')}.mv-card h3{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 25px 0}.mv-card p{font-size:1.1rem;line-height:1.8;color:#4a5568}.stats-section{padding:80px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-item{text-align:center;padding:30px 20px}.stat-number{font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1.1rem;font-weight:500;opacity:.9}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.tech-icons{grid-template-columns:1fr 1fr;gap:20px}.icon-item{padding:20px 15px}.mv-grid{grid-template-columns:1fr;gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.about-features{grid-template-columns:1fr;gap:30px}}@media(max-width:480px){.hero-section{padding:60px 0}.hero-title{font-size:2rem}.section-title{font-size:2rem}.tech-icons{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.mv-card{padding:30px 20px}.feature-card{padding:30px 20px}}