body{margin:0}.landing-page{background-color:#073b4c;color:#e0e0e0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}.navbar{background-color:#073b4ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.navbar nav a{color:#cce7f0;text-decoration:none;margin-left:1.5rem;font-weight:500;transition:color .3s ease}.navbar nav a:hover{color:#ffd166}.nav-button{background-color:#06d6a0;color:#fff!important;padding:.5rem 1rem;border-radius:6px;transition:background-color .3s ease}.nav-button:hover{background-color:#05b88a}section{padding:6rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.hero-section{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-animation-container{position:relative;height:250px;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.hero-element{position:absolute;opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s;transform:translateY(10px);width:100%;max-width:800px}.hero-element.visible{opacity:1;visibility:visible;transform:translateY(0)}.hero-chart-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-chart-text{font-size:1.5rem;color:#cce7f0;max-width:400px}.hero-title-wrapper{display:flex;flex-direction:column;align-items:center}.hero-title-main{font-size:clamp(3.5rem,8vw,6rem);color:#fff;margin:0;line-height:1.1}.hero-title-tagline{font-size:clamp(1.2rem,3vw,1.8rem);color:#ffd166;margin-top:.5rem;font-weight:400;max-width:600px}.hero-sub-content{opacity:0;visibility:hidden;transition:opacity 1s ease-in-out .5s,visibility 1s .5s;transform:translateY(10px)}.hero-sub-content.visible{opacity:1;visibility:visible;transform:translateY(0)}.subtitle{font-size:1.25rem;max-width:700px;color:#cce7f0;line-height:1.6;margin-bottom:2rem}.cta-button{background:linear-gradient(90deg,#06d6a0,#05c390);color:#fff;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;border:none;cursor:pointer}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.cta-button:disabled{background:#555;cursor:not-allowed;transform:none;box-shadow:none}.form-message{margin-top:1rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;min-height:1.5rem;text-align:center}.form-message.success{background-color:#06d6a033;color:#06d6a0}.form-message.error{background-color:#ef476f33;color:#ef476f}.bot-activity-section{display:flex;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap;background-color:#118ab2;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:4rem 2rem;overflow:hidden}.bot-chart-container{flex-shrink:0}.donut-chart{--percentage: 0;width:250px;height:250px;border-radius:50%;background:conic-gradient(#ffd166 0% calc(var(--percentage) * 1%),#073b4c calc(var(--percentage) * 1%) 100%);position:relative;display:flex;justify-content:center;align-items:center;transition:background 1.5s cubic-bezier(.25,1,.5,1)}.hero-chart.donut-chart:before{background:#073b4c}.donut-chart:before{content:"";position:absolute;width:80%;height:80%;background:#118ab2;border-radius:50%}.chart-center{position:relative;text-align:center;z-index:1}.chart-percentage{display:block;font-size:3.5rem;font-weight:700;color:#fff}.chart-label{display:block;color:#cce7f0;font-size:1rem}.bot-stats-container{flex:1;max-width:500px;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bot-stats-container h2,.bot-stats-container p,.stat-item{opacity:0;animation:fadeIn .8s ease-out forwards}.bot-stats-container h2{animation-delay:.2s}.bot-stats-container p{animation-delay:.4s}.stat-item:nth-of-type(1){animation-delay:.6s}.stat-item:nth-of-type(2){animation-delay:.8s}.stat-item{margin-top:1rem;padding:.5rem;background-color:#073b4c;border-radius:6px;border-left:3px solid #FFD166}.features-section{background-color:transparent}.features-section h2{font-size:2.5rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;text-align:left}.feature-card{background-color:#118ab2;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#ffd166}.feature-card p{color:#cce7f0;line-height:1.6}.onboarding-section{display:flex;align-items:center;gap:4rem;text-align:left;flex-wrap:wrap}.onboarding-content{flex:1;min-width:300px}.onboarding-section h2{font-size:2.5rem;margin-bottom:1.5rem}.onboarding-steps{list-style:none;padding-left:0;margin-top:2rem}.onboarding-steps li{padding:.75rem 0;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.onboarding-steps li:first-child{border-top:1px solid rgba(255,255,255,.1)}.onboarding-image{flex:1;min-width:300px}.onboarding-image img{width:100%;height:auto;max-width:500px;display:block;margin:0 auto;border-radius:12px}.cta-section{background-color:transparent}.cta-section h2{font-size:2.5rem}.cta-section p{margin-bottom:2rem;font-size:1.2rem}.cta-section .cta-button{display:inline-block}.footer{text-align:center;padding:2rem;border-top:1px solid rgba(255,255,255,.1);color:#a0a0a0}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#118ab2;padding:2rem 2.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #00000080;width:100%;max-width:500px;position:relative;text-align:center}.modal-content h2{margin-top:0;font-size:2rem;color:#fff}.modal-content p{color:#cce7f0;margin-bottom:2rem}.modal-close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#cce7f0;font-size:2rem;cursor:pointer;line-height:1;padding:0}.modal-content form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}.form-row input{width:100%}.modal-content input{padding:.9rem;font-size:1rem;border:1px solid #073B4C;border-radius:8px;background-color:#064f69;color:#fff;outline:none;transition:border-color .3s ease}.modal-content input:focus{border-color:#ffd166}.modal-submit{margin-top:1rem;padding:.9rem}.admin-container{background-color:#073b4c;color:#cce7f0;font-family:system-ui,sans-serif;padding:2rem;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);flex-wrap:wrap;gap:1rem}.admin-header h1{font-size:2.2rem;color:#fff;margin:0}.logout-btn{padding:.5rem 1rem;background-color:#ef476f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.logout-btn:hover{background-color:#d83c5f}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:2fr 1fr}}.main-content-area{grid-column:1 / -1}@media (min-width: 1024px){.main-content-area{grid-column:1 / 2}.sidebar-area{grid-column:2 / 3}}.admin-section{background-color:#118ab2;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.admin-section h2{margin-top:0;font-size:1.8rem;color:#ffd166;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.75rem;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background-color:#073b4c;padding:1rem;border-radius:8px;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:800;color:#fff;line-height:1}.stat-label{display:block;margin-top:.25rem;font-size:.8rem;color:#cce7f0;text-transform:uppercase}.text-green{color:#06d6a0}.text-yellow{color:#ffd166}.boilerplate-section textarea{width:100%;height:200px;background-color:#073b4c;border:1px solid #064f69;border-radius:8px;color:#e0e0e0;padding:1rem;font-family:monospace;font-size:.9rem;resize:vertical;box-sizing:border-box}.boilerplate-section button{display:block;width:100%;margin-top:1rem;padding:.75rem 1.5rem;background-color:#06d6a0;color:#073b4c;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.boilerplate-section button:hover{background-color:#05b88a}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}th{color:#cce7f0;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}td a{color:#ffd166;text-decoration:none;font-weight:500}td a:hover{text-decoration:underline}.status-contacted{color:#06d6a0;font-weight:600}.mark-contacted-btn{padding:.5rem 1rem;background-color:#073b4c;color:#cce7f0;border:1px solid #064f69;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.mark-contacted-btn:hover{background-color:#064f69}.login-container{background-color:#073b4c;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.login-box{background-color:#118ab2;border-color:#fff3;padding:2.5rem;border-radius:12px;border:1px solid #333;text-align:center;width:100%;max-width:400px;box-shadow:0 10px 30px #00000080}.login-box h2{margin-top:0;font-size:1.8rem;color:#fff;margin-bottom:2rem}.login-box form{display:flex;flex-direction:column;gap:1rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle-btn{position:absolute;right:.5rem;background:transparent;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;line-height:1}.login-box input{padding:.9rem;font-size:1rem;border:1px solid #064f69;border-radius:8px;background-color:#073b4c;color:#fff;outline:none;transition:border-color .3s ease;box-sizing:border-box}.login-box input:focus{border-color:#ffd166}.login-box button{padding:.9rem;font-size:1.1rem;font-weight:600;background-color:#06d6a0;color:#073b4c;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.login-box button:hover{background-color:#05b88a}.login-box button:disabled{background-color:#555;cursor:not-allowed}.login-error{margin-top:1rem;color:#ef476f;font-weight:500}