:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page-container{min-height:calc(100vh - 210px);padding:0}.page-header{text-align:center;background:linear-gradient(135deg,#0084ff 0%,#00a8d8 100%);border-bottom:1px solid #dee2e6;padding:80px 20px;position:relative}.page-header .logout-btn{margin-top:0;position:absolute;top:20px;right:20px}.page-header h1{color:#fff;margin-bottom:15px;font-size:48px}.page-header p{color:#fff;opacity:.95;font-size:18px}@media (width<=768px){.page-header{padding:50px 20px}.page-header h1{font-size:32px}.page-header p{font-size:16px}}.hero-section{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-bottom:1px solid #dee2e6;justify-content:center;align-items:center;min-height:600px;padding:100px 20px;display:flex}.hero-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;display:grid}.hero-content{text-align:left}.hero-content h1{color:#1a1a1a;margin-bottom:30px;font-size:52px;font-weight:700;line-height:1.2}.hero-content .hero-subtitle{color:#495057;margin-bottom:25px;font-size:18px;font-weight:500;line-height:1.8}.hero-content .hero-subtitle strong{color:#0084ff;font-weight:600}.hero-content .hero-description{color:#495057;margin-bottom:40px;font-size:16px;line-height:1.8}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-screenshot{border:1px solid #dee2e6;border-radius:12px;max-width:100%;height:auto;box-shadow:0 20px 40px #0084ff33}@media (width<=968px){.hero-wrapper{grid-template-columns:1fr;gap:40px}.hero-section{min-height:auto;padding:80px 20px}.hero-content{text-align:center}.hero-content h1{font-size:40px}.hero-content p{font-size:18px}}@media (width<=768px){.hero-section{padding:80px 20px}.hero-content h1{font-size:32px}.hero-content p{font-size:16px}}.features-section{background:#fff;padding:100px 20px}.features-section h2{text-align:center;color:#1a1a1a;margin-bottom:70px;font-size:40px;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;flex-direction:column;padding:40px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.feature-card:hover{border-color:#0084ff;transform:translateY(-12px);box-shadow:0 20px 40px #0084ff26}.feature-icon{margin-bottom:20px;font-size:48px}.feature-card h3{color:#0084ff;margin-bottom:15px;font-size:22px;font-weight:600}.feature-card p{color:#495057;flex-grow:1;margin-bottom:25px;line-height:1.7}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{color:#495057;padding:8px 0 8px 25px;font-size:14px;position:relative}.feature-list li:before{content:"✓";color:#0084ff;font-weight:700;position:absolute;left:0}@media (width<=768px){.features-section{padding:50px 20px}.features-section h2{margin-bottom:30px;font-size:28px}}.services-section{background:#fff;max-width:1200px;margin:0 auto;padding:60px 20px}.service-item{border-bottom:1px solid #dee2e6;margin-bottom:50px;padding-bottom:50px}.service-item h2{color:#0084ff;margin-bottom:15px;font-size:28px}.service-item p{color:#495057;margin-bottom:20px;line-height:1.8}.service-item ul{padding-left:0;list-style:none}.service-item li{color:#495057;padding:8px 0 8px 25px;position:relative}.service-item li:before{content:"▸";color:#0084ff;font-weight:700;position:absolute;left:0}.service-item:last-child{border-bottom:none}.credibility-section{background:linear-gradient(135deg,#f0f7ff 0%,#e9f0f8 100%);border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;padding:100px 20px}.credibility-section h2{text-align:center;color:#1a1a1a;margin-bottom:70px;font-size:40px;font-weight:700}.credibility-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.credibility-card{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:12px;flex-direction:column;align-items:center;padding:40px;transition:all .3s;display:flex}.credibility-card:hover{border-color:#0084ff;transform:translateY(-8px);box-shadow:0 15px 35px #0084ff1f}.credibility-icon{color:#fff;background:linear-gradient(135deg,#0084ff 0%,#0070dd 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:48px;font-weight:700;display:flex}.credibility-card h3{color:#1a1a1a;margin-bottom:15px;font-size:20px;font-weight:600}.credibility-card p{color:#495057;font-size:15px;line-height:1.7}.why-choose-us{background:linear-gradient(135deg,#f0f7ff 0%,#e9f0f8 100%);border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;margin-top:0;padding:100px 20px}.why-choose-us h2{text-align:center;color:#1a1a1a;margin-bottom:50px;font-size:36px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.benefit{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.benefit h3{color:#0084ff;margin-bottom:10px;font-size:18px}.benefit p{color:#495057;line-height:1.6}.cta-section{text-align:center;color:#fff;background:linear-gradient(135deg,#0084ff 0%,#00a8d8 100%);margin-top:0;padding:100px 20px}.cta-section h2{color:#fff;margin-bottom:20px;font-size:40px;font-weight:700}.cta-section p{color:#fff;opacity:.95;max-width:600px;margin-bottom:50px;margin-left:auto;margin-right:auto;font-size:18px}.team-section{background:#fff;max-width:1200px;margin:0 auto;padding:60px 20px}.team-member{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:40px}.member-info h2{color:#0084ff;margin-bottom:5px;font-size:32px}.member-info h3{color:#495057;margin-bottom:20px;font-size:18px}.member-details p{color:#495057;margin-bottom:20px;line-height:1.8}.member-expertise,.member-contact{margin-top:20px}.member-expertise strong,.member-contact strong{color:#0084ff}.member-expertise ul{margin-top:10px;padding-left:0;list-style:none}.member-expertise li{color:#495057;padding:5px 0 5px 20px;position:relative}.member-expertise li:before{content:"✓";color:#0084ff;font-weight:700;position:absolute;left:0}.member-contact p{margin:10px 0}.linkedin-link{color:#fff;background:#0084ff;border-radius:5px;margin-top:10px;padding:10px 20px;font-weight:600;text-decoration:none;transition:transform .3s,opacity .3s;display:inline-block}.linkedin-link:hover{opacity:.9;transform:translateY(-2px)}.team-mission{text-align:center;background:linear-gradient(135deg,#f0f7ff 0%,#e9f0f8 100%);border-top:1px solid #dee2e6;margin-top:60px;padding:60px 20px}.team-mission h2{color:#1a1a1a;margin-bottom:20px;font-size:32px}.team-mission p{color:#495057;max-width:800px;margin:0 auto;font-size:16px;line-height:1.8}.contact-section{background:#fff;padding:60px 20px}.contact-wrapper{grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;display:grid}.contact-info h2{color:#0084ff;margin-bottom:30px;font-size:28px}.info-item{margin-bottom:30px}.info-item h3{color:#0084ff;margin-bottom:10px}.info-item p,.info-item a{color:#495057;text-decoration:none;transition:color .3s}.info-item a:hover{color:#0084ff}.contact-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:40px}.contact-form h2{color:#0084ff;margin-bottom:30px;font-size:28px}.form-group{margin-bottom:20px}.form-group label{color:#495057;margin-bottom:8px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{color:#1a1a1a;background:#fff;border:1px solid #dee2e6;border-radius:5px;width:100%;padding:12px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#0084ff;outline:none;box-shadow:0 0 0 3px #0084ff1a}.form-group textarea{resize:vertical;min-height:120px}@media (width<=768px){.contact-wrapper{grid-template-columns:1fr;gap:40px}.contact-form{padding:30px 20px}}.admin-section{background:#fff;max-width:1200px;margin:0 auto;padding:60px 20px}.no-submissions{text-align:center;color:#495057;padding:40px;font-size:18px}.submissions-table{margin-bottom:40px;overflow-x:auto}table{border-collapse:collapse;background:#fff;border:1px solid #dee2e6;border-radius:8px;width:100%;overflow:hidden}table thead{background:#f8f9fa;border-bottom:2px solid #0084ff}table th{text-align:left;color:#0084ff;padding:15px;font-weight:600}table td{color:#495057;border-bottom:1px solid #dee2e6;padding:15px}table tr:hover{background:#0084ff0d}table tr.selected{background:#0084ff1a}.status-select{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:6px 10px}.status-select.pending{border-color:orange}.status-select.contacted{border-color:#0084ff}.status-select.closed{border-color:#28a745}.submission-details{margin-top:40px}.detail-card{background:#f8f9fa;border:1px solid #dee2e6;border-left:4px solid #0084ff;border-radius:8px;padding:30px}.detail-card h3{color:#0084ff;margin-bottom:20px;font-size:22px}.detail-row{color:#495057;margin-bottom:15px}.detail-row strong{color:#0084ff;margin-bottom:5px;display:block}.detail-row a{color:#0084ff;text-decoration:none;transition:opacity .3s}.detail-row a:hover{opacity:.8}.detail-row p{color:#495057;white-space:pre-wrap;line-height:1.6}@media (width<=768px){table{font-size:14px}table th,table td{padding:10px 8px}.submissions-table{margin-bottom:20px}}.login-form-container{justify-content:center;align-items:center;padding:60px 20px;display:flex}.login-form{background:#fff;border:1px solid #dee2e6;border-radius:8px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 20px #00000014}.login-form h2{text-align:center;color:#1a1a1a;margin-bottom:30px;font-size:28px}.login-form .form-group{margin-bottom:20px}.login-form label{color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.login-form input[type=password]{border:1px solid #dee2e6;border-radius:5px;width:100%;padding:12px 15px;font-size:16px;transition:border-color .3s}.login-form input[type=password]:focus{border-color:#0084ff;outline:none;box-shadow:0 0 0 3px #0084ff1a}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff80;border-radius:5px;margin-top:10px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.logout-btn:hover{background:#ffffff4d;border-color:#fffc}@media (width<=768px){.login-form{padding:30px 20px}.login-form h2{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f8f9fa;--secondary:#e9ecef;--accent:#0084ff;--text:#1a1a1a;--text-light:#495057;--bg:#fff;--bg-light:#f8f9fa;--border:#dee2e6}html{scroll-behavior:smooth}body{color:var(--text);background-color:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--border);z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #00000014}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{align-items:center;text-decoration:none;transition:opacity .3s;display:flex}.nav-logo:hover{opacity:.8}.logo-wrapper{flex-direction:column;align-items:center;gap:0;line-height:1;display:flex}.logo-image{object-fit:contain;width:auto;height:45px}.logo-tagline{color:var(--accent);white-space:nowrap;letter-spacing:.3px;margin-top:2px;font-size:9px;font-weight:700}.nav-menu{gap:30px;list-style:none;display:flex}.nav-menu a{color:var(--text);font-weight:500;text-decoration:none;transition:color .3s}.nav-menu a:hover{color:var(--accent)}.language-selector{border-left:1px solid var(--border);margin-left:20px;padding-left:20px;position:relative}.lang-trigger{color:var(--text-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .3s;display:flex}.lang-trigger:hover{color:var(--accent)}.lang-icon{font-size:16px}.lang-label{text-transform:uppercase;font-size:12px;font-weight:600}.lang-dropdown{border:1px solid var(--border);opacity:0;visibility:hidden;z-index:10;background:#fff;border-radius:6px;min-width:140px;margin-top:8px;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-8px);box-shadow:0 4px 12px #0000001a}.language-selector:hover .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.lang-option:hover{background:var(--bg-light);color:var(--accent)}.lang-option.active{background:var(--accent);color:#fff}.lang-option:first-child{border-radius:5px 5px 0 0}.lang-option:last-child{border-radius:0 0 5px 5px}.hamburger{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:28px;display:none}@media (width<=768px){.hamburger{display:block}.nav-menu{background:var(--primary);border-bottom:1px solid var(--border);flex-direction:column;gap:0;width:100%;padding:20px 0;transition:left .3s;position:absolute;top:70px;left:-100%}.nav-menu.active{left:0}.nav-menu li{border-bottom:1px solid var(--border)}.nav-menu a{padding:15px 20px;display:block}.language-selector{border-left:none;border-top:1px solid var(--border);padding-left:0}.lang-trigger{justify-content:flex-start;width:100%;padding:15px 20px}.lang-dropdown{opacity:0;visibility:hidden;max-height:0;box-shadow:none;background:var(--bg-light);border:none;margin:0;transition:max-height .3s;position:static;overflow:hidden}.language-selector:hover .lang-dropdown{opacity:1;visibility:visible;max-height:200px}.lang-option{padding:12px 40px}}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.footer{border-top:1px solid var(--border);text-align:center;background:#f8f9fa;margin-top:60px;padding:40px 20px}.footer-content{max-width:1200px;margin:0 auto}.footer-content p{color:var(--text-light);margin-bottom:15px}.footer-links{justify-content:center;gap:30px;display:flex}.footer-links a{color:var(--accent);text-decoration:none;transition:opacity .3s}.footer-links a:hover{opacity:.8}@media (width<=768px){.footer{margin-top:40px;padding:30px 20px}.footer-links{flex-direction:column;gap:10px}}.loading{text-align:center;color:var(--text-light);padding:40px 20px;font-size:18px}.success-message,.error-message{text-align:center;border-radius:5px;margin-bottom:20px;padding:15px 20px;font-weight:500}.success-message{border:1px solid var(--accent);color:var(--accent);background-color:#0084ff1a}.error-message{color:#dc3545;background-color:#dc35451a;border:1px solid #dc3545}.cta-button,.submit-button,.view-btn,.delete-btn{cursor:pointer;border:none;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.cta-button{background:linear-gradient(135deg, var(--accent) 0%, #0070dd 100%);color:#fff;padding:16px 40px;font-size:16px;text-decoration:none;display:inline-block;box-shadow:0 8px 20px #0084ff4d}.cta-button:hover{filter:brightness(1.05);transform:translateY(-4px);box-shadow:0 12px 30px #0084ff66}.cta-button.dark{color:var(--accent);border:2px solid var(--accent);background:#fff;box-shadow:0 8px 20px #0084ff26}.cta-button.dark:hover{background:#f0f7ff;transform:translateY(-4px);box-shadow:0 12px 30px #0084ff40}.submit-button{background:linear-gradient(135deg, var(--accent) 0%, #0070dd 100%);color:#fff;width:100%;padding:16px 40px;font-size:16px;transition:all .3s;box-shadow:0 8px 20px #0084ff4d}.submit-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-4px);box-shadow:0 12px 30px #0084ff66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.view-btn,.delete-btn{margin:0 5px;padding:8px 15px;font-size:14px}.view-btn{background:var(--accent);color:#fff}.view-btn:hover{opacity:.9}.delete-btn{color:#fff;background:#dc3545}.delete-btn:hover{opacity:.9}