@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.hero-section{background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-brand{color:#fff;letter-spacing:-.5px;align-items:center;gap:6px;margin-bottom:18px;padding-left:4px;font-size:16px;font-weight:300;display:flex}.sidebar-section-title{color:#94a3b8;letter-spacing:1.2px;text-transform:uppercase;margin-top:8px;margin-bottom:6px;padding-left:4px;font-size:9px;font-weight:400}.sidebar-menu li a{color:#e2e8f0;letter-spacing:.2px;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;font-weight:200;text-decoration:none;transition:all .2s;display:flex}.weather-item{color:#f1f5f9;align-items:center;gap:6px;font-size:10px;font-weight:200;display:flex}.weather-item strong{color:#fff;font-weight:400}.top-right-panel{z-index:10;align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:40px}.lang-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;gap:2px;padding:3px;display:flex}.lang-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:15px;padding:4px 10px;font-size:12px;font-weight:300;transition:all .2s}.lang-btn.active{color:#fff;background:#ffffff26;font-weight:400}.lang-btn:hover:not(.active){color:#fff}.user-profile{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:300;transition:all .2s;display:flex}.user-profile:hover{background:#ffffff1f}.main-title{color:#fff!important;text-shadow:0 3px 15px #00000080!important;letter-spacing:.5px!important;text-transform:uppercase!important;margin-bottom:12px!important;font-size:clamp(2.4rem,4.2vw,3.4rem)!important;font-weight:300!important}.main-subtitle{color:#e2e8f0;text-shadow:0 2px 10px #0006;letter-spacing:.3px;margin-bottom:30px;font-size:clamp(.95rem,1.3vw,1.25rem);font-weight:200}.service-card h3{letter-spacing:-.2px;margin:0 0 8px;font-size:15px;font-weight:300}*{box-sizing:border-box;font-family:Inter,sans-serif!important}body{background-color:#1a1a1a;margin:0;padding:0}.hero-section{background-position:50%;background-size:cover;flex-direction:column;width:100%;min-height:100vh;padding-left:240px;display:flex;position:relative;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(14px);z-index:100;background:#00000026;border-right:1px solid #ffffff14;flex-direction:column;width:220px;height:100vh;padding:20px 12px;display:flex;position:fixed;top:0;left:0}.sidebar-brand{color:#fff;align-items:center;gap:8px;margin-bottom:20px;padding-left:5px;font-size:19px;font-weight:700;display:flex}.sidebar-brand .logo-icon{color:#4ade80}.sidebar-section-title{color:#94a3b8;letter-spacing:1px;margin-bottom:8px;padding-left:5px;font-size:10px;font-weight:700}.sidebar-menu{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar-menu li a{color:#e2e8f0;border-radius:8px;align-items:center;gap:9px;padding:6px 8px;font-size:13px;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu li a:hover{color:#4ade80;background:#ffffff1a;transform:translate(3px)}.sidebar-weather{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:6px;margin-top:auto;padding:10px;display:flex}.weather-title{color:#94a3b8;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;padding-bottom:3px;font-size:9px;font-weight:700}.weather-item{color:#f1f5f9;align-items:center;gap:7px;font-size:11px;display:flex}.top-navbar{z-index:10;position:absolute;top:20px;right:40px}.user-profile{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.hero-content{text-align:center;z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.main-title{color:#fff;letter-spacing:-2px;text-shadow:0 6px 25px #00000080;text-transform:uppercase;margin-bottom:10px;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1}.main-subtitle{color:#e2e8f0;text-shadow:0 2px 8px #0000004d;margin-bottom:30px;font-size:clamp(.9rem,1.2vw,1.2rem);font-weight:300}.action-buttons{gap:15px;margin-bottom:30px;display:flex}.btn{cursor:pointer;border:none;border-radius:25px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-google{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3}.btn-google:hover{background-color:#fff3}.btn-ai{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);box-shadow:0 8px 20px #a855f766}.btn-ai:hover{transform:translateY(-2px);box-shadow:12px 25px #a855f799}.services-grid{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:10px;margin-bottom:30px;display:flex}.service-card{-webkit-backdrop-filter:blur(16px);color:#fff;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;width:210px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.service-card:hover{background:#ffffff14;border-color:#22c55e;transform:scale(1.03);box-shadow:0 15px 30px #22c55e33}.service-card:hover .icon{color:#22c55e;transform:scale(1.1)}.service-card .icon{color:#cbd5e1;margin-bottom:12px;font-size:26px;transition:all .3s}.service-card h3{margin:0 0 8px;font-size:15px;font-weight:600}.service-card p{color:#cbd5e1;margin:0;font-size:11px;font-weight:300;line-height:1.4}.scroll-indicator{color:#fff;flex-direction:column;align-items:center;margin-bottom:20px;font-size:13px;display:flex}.arrow-icon{margin-top:3px;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}