*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#000}#root,.App{width:100%;min-height:100vh}.homepage{min-height:100vh;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.homepage:before{content:"";position:absolute;inset:0;pointer-events:none}.hero{text-align:center;padding:4rem 2rem 3rem;position:relative;z-index:2}.main-logo{color:#4caf50;filter:drop-shadow(0 4px 8px rgba(76,175,80,.2));transition:all .3s ease}.main-logo:hover{transform:scale(1.05);filter:drop-shadow(0 6px 12px rgba(76,175,80,.3))}.hero-content{max-width:800px;margin:0 auto}.company-name{font-size:3.5rem;font-weight:300;margin:0 0 2rem;color:#1a1a1a;letter-spacing:.1em;text-transform:uppercase;position:relative}.tagline{font-size:1.25rem;color:#666;margin:2rem 0 0;font-weight:300;letter-spacing:.05em}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:2.5rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014;text-decoration:none;color:inherit}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#2e7d32);transform:scaleX(0);transition:transform .4s ease}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-12px);border-color:#e0e0e0;box-shadow:0 20px 40px #0000001f,0 8px 16px #4caf501a}.card-image{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.image-placeholder{width:100px;height:100px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e9ecef;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;position:relative;overflow:hidden}.image-placeholder:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#4caf50,#2e7d32);border-radius:12px;opacity:0;transition:opacity .4s ease;z-index:-1}.card:hover .image-placeholder{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50;transform:scale(1.05)}.card:hover .image-placeholder:before{opacity:1}.image-placeholder svg{width:48px;height:48px;color:#4caf50;transition:all .3s ease}.suitcase-emoji,.folder-emoji{font-size:48px;display:block;transition:all .3s ease;color:#4caf50}.card:hover .image-placeholder svg{transform:scale(1.1);color:#2e7d32}.card:hover .suitcase-emoji,.card:hover .folder-emoji{transform:scale(1.1)}.card-content h2{font-size:1.75rem;margin:0 0 .75rem;font-weight:500;color:#1a1a1a;letter-spacing:.02em}.card-content p{font-size:1rem;color:#666;margin:0;line-height:1.6;font-weight:400}.products-card{border-color:#e8f5e8;background:linear-gradient(135deg,#fff,#f8f9fa)}.products-card:hover{background:linear-gradient(135deg,#fff,#e8f5e8);border-color:#4caf50;text-decoration:none;color:inherit}.coming-soon-card{border-color:#f5f5f5;background:linear-gradient(135deg,#fff,#fafafa)}.coming-soon-card:hover{background:linear-gradient(135deg,#fff,#e8f5e8);border-color:#2e7d32}.homepage:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle at center,transparent 30%,rgba(76,175,80,.02) 50%,transparent 70%);pointer-events:none;z-index:1}@media (max-width: 768px){.company-name{font-size:2.5rem}.cards-grid{grid-template-columns:1fr;padding:1rem}.hero{padding:3rem 1rem 2rem}.card{min-height:280px;padding:2rem 1.5rem}.homepage:after{width:500px;height:500px}.main-logo{width:60px;height:60px}}@media (max-width: 480px){.company-name{font-size:2rem}.tagline{font-size:1rem}.card-content h2{font-size:1.5rem}.homepage:after{width:300px;height:300px}.main-logo{width:50px;height:50px}}.homepage-footer{margin-top:4rem;padding:2rem;text-align:center;position:relative;z-index:2}.footer-content{max-width:1200px;margin:0 auto}.contact-link{display:inline-block;color:#4caf50;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.75rem 1.5rem;border:2px solid #4caf50;border-radius:8px;transition:all .3s ease;background:#fff}.contact-link:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.contact-page{min-height:100vh;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.contact-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,139,34,.03) 0%,transparent 50%);pointer-events:none}.contact-hero{text-align:center;padding:4rem 2rem 3rem;position:relative;z-index:2}.logo-container{margin-bottom:2rem;display:flex;justify-content:center}.contact-logo{color:#4caf50;filter:drop-shadow(0 4px 8px rgba(76,175,80,.2))}.company-name{font-size:3.5rem;font-weight:300;margin:0;color:#1a1a1a;letter-spacing:.1em;text-transform:uppercase;position:relative}.company-name:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:2px}.contact-content{max-width:600px;margin:0 auto;padding:2rem;position:relative;z-index:2}.contact-card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:3rem 2.5rem;text-align:center;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#2e7d32)}.contact-card h2{font-size:2.5rem;margin:0 0 2rem;font-weight:400;color:#1a1a1a;letter-spacing:.02em}.contact-message{font-size:1.3rem;color:#555;margin:0 0 2rem;line-height:1.5;font-weight:400}.email-link{display:inline-block;font-size:1.8rem;color:#4caf50;text-decoration:none;font-weight:600;padding:1rem 2rem;border:2px solid #4caf50;border-radius:8px;transition:all .3s ease;background:#fff}.email-link:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.reveal-email-btn{display:inline-block;font-size:1.1rem;color:#4caf50;background:#fff;border:2px solid #4caf50;border-radius:8px;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;font-weight:500;font-family:inherit}.reveal-email-btn:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.email-display{display:flex;flex-direction:column;align-items:center;gap:1rem}.email-text{font-size:1.8rem;color:#4caf50;font-weight:600;font-family:Courier New,monospace;background:#f8f8f8;padding:.5rem 1rem;border-radius:6px;border:1px solid #e0e0e0}.back-home{text-align:center;margin-top:3rem}.back-link{display:inline-block;color:#4caf50;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.75rem 1.5rem;border:2px solid #4caf50;border-radius:8px;transition:all .3s ease;background:#fff}.back-link:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.company-name{font-size:2.5rem}.contact-content{padding:1rem}.contact-card{padding:2rem 1.5rem}.contact-card h2{font-size:2rem}.contact-message{font-size:1.1rem}.email-link{font-size:1.5rem}}@media (max-width: 480px){.company-name{font-size:2rem}.contact-card h2{font-size:1.75rem}.contact-message{font-size:1rem}.email-link{font-size:1.3rem;padding:.8rem 1.5rem}}