:root{--bg-color:#0d1117;--text-color:#c9d1d9;--heading-color:#fff;--primary-color:#58a6ff;--primary-glow:#58a6ff66;--secondary-color:#238636;--surface-color:#161b2299;--border-color:#30363d;--glass-bg:#0d1117b3;--alt-bg:#161b22}[data-theme=light]{--bg-color:#fff;--text-color:#57606a;--heading-color:#24292f;--primary-color:#0969da;--primary-glow:#0969da4d;--secondary-color:#2da44e;--surface-color:#f6f8facc;--border-color:#d0d7de;--glass-bg:#fffc;--alt-bg:#f6f8fa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4{color:var(--heading-color);font-weight:700;line-height:1.2}a{color:var(--primary-color);text-decoration:none;transition:color .2s}.text-primary{color:var(--primary-color)}.text-gradient{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-padding{padding:6rem 2rem}.alternate-bg{background-color:var(--alt-bg)}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);background-color:var(--glass-bg);border-bottom:1px solid var(--border-color);width:100%;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{align-items:center;gap:.5rem;display:flex}.logo-icon{width:auto;height:32px}.logo-text{width:auto;height:24px}[data-theme=dark] .logo-text{filter:invert()hue-rotate(180deg)brightness(2)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-color);font-weight:500}.nav-links a:hover{color:var(--primary-color)}.theme-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.2rem;transition:background .2s;display:flex}.theme-btn:hover{background-color:var(--surface-color)}[data-theme=dark] .dark-icon,[data-theme=light] .light-icon{display:none}.btn{cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-secondary{background-color:var(--surface-color);color:var(--heading-color);border:1px solid var(--border-color)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:8rem 2rem 4rem;display:flex}.badge{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#58a6ff1a;border-radius:9999px;margin-bottom:2rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem)}.hero-subtitle{max-width:600px;margin:0 auto 3rem;font-size:1.25rem}.cta-group{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.hero-visual{flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;width:100%;margin-top:2rem;display:flex}.phone-wrapper{padding:10px 14px;position:relative}.phone-mockup{background:linear-gradient(135deg,#a0a4a8 0%,#d5d9df 25%,#6a6f73 50%,#b8bcc0 75%,#44494d 100%);border-radius:15px;width:320px;height:690px;padding:12px;position:relative;box-shadow:inset 0 0 4px #fffc,inset 0 0 10px #00000080,0 20px 50px -12px #0009,0 0 0 2px #555}.phone-mockup:before{content:"";background:linear-gradient(90deg,#999,#ccc);border-radius:4px 0 0 4px;width:4px;height:35px;position:absolute;top:130px;left:-4px;box-shadow:0 50px #999}.phone-mockup:after{content:"";background:linear-gradient(270deg,#999,#ccc);border-radius:0 4px 4px 0;width:4px;height:50px;position:absolute;top:150px;right:-4px}.phone-screen{background:#000;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen:before{content:"";pointer-events:none;z-index:100;background:linear-gradient(90deg,#fff0 30%,#ffffff0d 50%,#fff0 70%);width:200%;height:120%;position:absolute;top:-10%;left:-50%;transform:rotate(25deg)}.screenshot-img{object-fit:cover;width:100%;height:100%}.carousel-slide{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1;pointer-events:auto}.split-screen{background-color:#000;flex-direction:column;gap:4px;height:100%;padding:0;display:flex;position:relative}.screen-half{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:relative}.top-half{color:#fff;z-index:1;background-color:#333;border-bottom-right-radius:20px;border-bottom-left-radius:20px}.bottom-half{color:#fff;z-index:1;background-color:#015f5e;border-top-left-radius:20px;border-top-right-radius:20px}.lang-flag{background:#fff;border-radius:4px;padding:2px 5px;font-size:1.5rem;line-height:1;position:absolute;top:1rem}.bottom-flag{top:auto;bottom:1rem}.translated-text{text-align:center;margin:1rem 0;font-size:1.25rem;font-weight:600;line-height:1.4;transition:opacity .5s}.rotated{transform:rotate(180deg)}.speaker-icon{background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;position:absolute}.bottom-speaker{top:2rem;left:2rem}.top-speaker{bottom:2rem;right:2rem}.speaker-icon.rotated{transform:rotate(180deg)}.middle-toolbar{z-index:10;background:#1e1e1e;border-radius:40px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.middle-toolbar button{color:#ccc;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.middle-toolbar button.small-btn{width:28px;height:28px;font-size:.9rem}.middle-toolbar button.active-btn{color:#8b0000;background:#ffb3b3;width:44px;height:44px;font-size:1.5rem}.middle-toolbar button:hover:not(.active-btn){color:#fff;background:#fff3}.mode-image-wrapper{border:4px solid #333;border-radius:20px;width:100%;max-width:220px;margin:0 auto 1.5rem;overflow:hidden;box-shadow:0 10px 30px #00000080}.mode-screenshot{width:100%;height:auto;display:block}.modes-container{flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;display:flex}@media (width>=768px){.modes-container{flex-direction:row}.mode-card{flex:1}}.feature-discussion{background:var(--surface-color);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;flex:1;justify-content:center;max-width:320px;padding:2.5rem 2rem;display:flex}.feature-content{animation:.5s fadeIn;display:none}.feature-content.active{display:block}.feature-content h3{color:var(--primary-color);margin-bottom:1rem;font-size:2rem}.feature-content p{color:var(--text-color);font-size:1.1rem;line-height:1.6}.carousel-indicators{gap:.8rem;margin-top:2rem;display:flex}.indicator{background-color:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:background-color .3s}.indicator.active{background-color:var(--primary-color)}.explorer-mockup{text-align:center;background:url(https://images.unsplash.com/photo-1542051841857-5f90071e7989?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80) 50%/cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:relative}.explorer-mockup:before{content:"";background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.explorer-header,.explorer-content{z-index:2;position:relative}.explorer-header{color:#fff;margin-bottom:2rem;font-size:1.5rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.glass-card{background:var(--surface-color);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2rem;transition:transform .3s,border-color .3s}.glass-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.card-icon{color:var(--primary-color);margin-bottom:1.5rem;font-size:2.5rem}.glass-card h3{margin-bottom:.75rem;font-size:1.25rem}@media (width>=768px){.col-span-2{grid-column:span 2}}.steps-container{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}@media (width>=768px){.steps-container{flex-direction:row;justify-content:space-between}}.step-item{text-align:center;flex:1}.step-number{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.step-item h4{margin-bottom:.5rem;font-size:1.25rem}.footer{border-top:1px solid var(--border-color);background-color:var(--bg-color);padding:3rem 2rem}.footer-content{flex-direction:column;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-brand{color:var(--heading-color);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-color);font-size:.9rem}.footer-links a:hover{color:var(--primary-color)}.footer-copyright{text-align:center;color:var(--text-color);margin-top:2rem;font-size:.8rem}.dashboard-container{flex-direction:column;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;display:flex}.login-box{text-align:center;max-width:400px;margin:4rem auto;padding:3rem 2rem}.hidden{display:none!important}.dashboard-header{margin-bottom:2rem}.dashboard-header p{color:var(--text-secondary)}.dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:1fr 1fr}}.dashboard-panel{flex-direction:column;min-height:400px;padding:2rem;display:flex}.data-list{flex-direction:column;gap:1rem;max-height:500px;margin-top:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.data-list::-webkit-scrollbar{width:6px}.data-list::-webkit-scrollbar-track{background:0 0}.data-list::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:4px}.data-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1rem;transition:all .3s}.data-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.item-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;display:flex}.item-text{color:var(--text-primary);margin-bottom:.25rem;font-weight:500}.item-translation{color:var(--primary-color);font-size:.95rem}#user-info{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.user-avatar{border-radius:50%;width:24px;height:24px}