[data-theme=light]{--color-primary: #3B82F6;--color-secondary: #E0F2FE;--color-primary-hover: #60A5FA;--color-secondary-hover: #BAE6FD;--color-background: #ffffff;--text-color: #090e1a;--text-muted: #5a6a83;--wave-color-1: rgba(59, 130, 246, .25);--wave-color-2: rgba(96, 165, 250, .2);--wave-color-3: rgba(147, 197, 253, .15)}[data-theme=dark]{--color-primary: #4338ca;--color-secondary: #2C3545;--color-primary-hover: #6c50c8;--color-secondary-hover: #3a4354;--color-background: #1E2633;--text-color: #C4D2E2;--text-muted: #94A3B8;--wave-color-1: rgba(75, 0, 130, .4);--wave-color-2: rgba(148, 0, 211, .25);--wave-color-3: rgba(138, 43, 226, .25)}body{margin:0;padding:0;box-sizing:border-box;font-family:"Source Sans 3",sans-serif;background-color:var(--color-background);color:var(--text-color)}h2{margin-block-start:0}.main-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:0 1.5rem}.base__button{color:var(--text-color);padding:.5rem 1.25rem;border-radius:8px;font-size:1rem;font-weight:300;font-family:"Source Sans 3",sans-serif;cursor:pointer;border:none;transition:background-color .2s ease-in-out,transform .1s ease-in-out,box-shadow .2s ease-in-out;will-change:transform,box-shadow}.base__button:hover{transform:scale(1.02)}.base__button:active{transform:scale(.98)}.base__button_default{background-color:var(--color-secondary);color:var(--text-color)}.base__button_default:hover{background-color:var(--color-secondary-hover)}.base__button_primary{background-color:var(--color-primary);color:var(--text-color)}.base__button_primary:hover{background-color:var(--color-primary-hover)}.header{background:var(--color-background)}.container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.header__logo .logo__link{text-decoration:none;display:flex;align-items:center;gap:.5rem;cursor:pointer}.header__logo img{height:1.5rem;width:1.5rem}.logo__text{font-size:1.5rem;font-weight:500;color:var(--text-color)}.header__auth{display:flex;align-items:center;gap:1rem}.footer-inner{text-align:center;color:var(--text-color);font-size:14px;max-width:1200px;margin:0 auto}.wave-footer-container{position:relative;width:100%;overflow:hidden;z-index:0}.wave-footer-canvas{position:absolute;top:0;left:0;width:100%;height:auto;z-index:0;pointer-events:none;background-color:transparent}.wave-footer-content{position:relative;z-index:1;padding-top:75px;padding-bottom:40px;background-color:var(--footer-bg-color)}.animated-background-container{width:100%;height:100%}.animated-background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.animated-background-content{position:relative;z-index:1;width:100%;height:100%}.hero-section{height:75vh;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;max-width:800px;padding:2rem;background:var(--color-background);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;color:var(--color-text)}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.6rem;margin-bottom:2rem;font-weight:300;color:var(--color-text)}.hero-content button{padding:12px 30px;font-size:1.2rem}.cursor{display:inline-block;margin-left:5px;animation:blink 1.8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.overview-section{background:var(--color-background);color:var(--text-color);font-weight:300;padding:80px 24px;display:flex;justify-content:center}.overview-container{max-width:1300px;width:100%;display:flex;flex-direction:column;gap:64px}.overview-header{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}.overview-text-block{flex:1 1 350px;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.typewrite-title{font-size:2.6rem;font-weight:300;margin-bottom:16px;margin-top:0}.overview-text-block p{font-size:1.2rem;line-height:1.8}.overview-image-block{flex:1 1 350px;display:flex;align-items:flex-start;justify-content:center}.overview-image-block img{width:100%;max-width:460px;border-radius:16px;object-fit:cover}.overview-outro{font-size:1.3rem;font-weight:300;text-align:center;max-width:900px;margin:40px auto 0;line-height:1.9}.overview-button{display:flex;justify-content:center}.try-button{padding:12px 32px;font-size:1.8rem;font-weight:300;border-radius:10px}@media (max-width: 992px){.typewrite-title{font-size:2.2rem}.overview-text-block p{font-size:1.1rem}}@media (max-width: 600px){.overview-section{padding:60px 16px}.overview-container{gap:40px}.overview-header{flex-direction:column;gap:30px}.overview-text-block{order:1;text-align:center}.overview-image-block{order:2;margin-top:0}.overview-image-block img{max-width:100%;border-radius:14px}.typewrite-title{font-size:1.8rem;margin-bottom:12px}.overview-text-block p{font-size:1rem}.overview-outro{font-size:1.1rem;margin-top:20px}}@media (max-width: 400px){.typewrite-title{font-size:1.6rem}.overview-text-block p{font-size:.95rem}.overview-outro{font-size:1rem}}.features-section{background:var(--color-background-alt);color:var(--text-color);padding:0 24px;position:relative;overflow:hidden}.features-container{max-width:1300px;margin:0 auto;position:relative;z-index:2}.features-header{text-align:center;max-width:800px;margin:0 auto}.features-header h2{font-size:2.8rem;font-weight:800;margin-bottom:20px;color:var(--text-color)}.features-header p{font-weight:300;font-size:1.3rem;line-height:1.8;opacity:.9;margin:0}.features-tabs{background:var(--color-secondary);border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0003;margin-bottom:60px}.tab-buttons{display:flex;flex-wrap:wrap;background:var(--color-secondary);padding:10px;gap:8px}.tab-button{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 16px;border-radius:14px;border:none;background:transparent;color:var(--text-color);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button:hover{background:var(--color-secondary-hover)}.tab-button.active{background:var(--color-primary);color:var(--text-color);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.tab-icon{font-size:1.4rem;display:flex;color:var(--text-color)}.tab-title{font-weight:300;color:var(--text-color)}.tab-content{display:flex;padding:40px;min-height:400px}.tab-text{flex:1;padding-right:40px}.tab-text h3{font-weight:300;font-size:2.4rem;margin-bottom:20px}.tab-text p{font-weight:300;color:var(--text-muted)}.tab-description{font-size:1.4rem;line-height:1.6;font-weight:500;margin-bottom:25px;color:var(--text-muted)}.tab-details{font-size:1.1rem;line-height:1.8;opacity:.9;max-width:600px}.tab-visual{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.visual-container{width:100%;max-width:400px;position:relative}.visual-frame{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0000004d;border:1px solid var(--color-border);background:var(--color-background);position:relative;z-index:2}.feature-image{width:100%;height:auto;display:block;transition:transform .5s ease}.visual-frame:hover .feature-image{transform:scale(1.03)}.visual-container:before{content:"";position:absolute;top:-20px;left:-20px;width:100px;height:100px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));opacity:.15;z-index:1}.visual-container:after{content:"";position:absolute;bottom:-30px;right:-30px;width:150px;height:150px;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));opacity:.1;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:var(--color-secondary);border-radius:20px;padding:32px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.feature-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px}.feature-card p{font-size:1.1rem;line-height:1.7;opacity:.9}@media (max-width: 992px){.tab-content{flex-direction:column;padding:30px}.tab-text{padding-right:0;margin-bottom:40px}.visual-placeholder{height:250px}.visual-frame{border-radius:10px;box-shadow:0 15px 30px -10px #0003}.visual-container:before,.visual-container:after{display:none}}@media (max-width: 768px){.features-header h2{font-size:2.2rem}.features-header p{font-size:1.1rem}.tab-buttons{flex-direction:column}.tab-text h3{font-size:1.8rem}.tab-description{font-size:1.2rem}.visual-container{max-width:100%}}@media (max-width: 480px){.features-section{padding:60px 16px}.tab-content{padding:20px}.visual-placeholder{height:200px}.visual-content svg{font-size:3rem}.visual-content span{font-size:1.1rem}.visual-container{max-width:100%}}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.overview-card{font-weight:300;background:var(--color-secondary);padding:28px;border-radius:20px;box-shadow:0 8px 20px #0000004d;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;gap:16px;min-height:260px}.overview-card p{color:var(--text-muted);font-weight:300}@media (hover: hover) and (pointer: fine){.overview-card:hover{transform:translateY(-10px) scale(1.2);box-shadow:0 12px 28px #0006}}.card-icon{font-size:2.2rem;color:var(--color-primary)}.overview-card h3{font-weight:300;font-size:1.4rem;margin:0}.overview-card p{font-weight:300;font-size:1.05rem;line-height:1.6;margin:0;color:var(--text-muted)}@media (max-width: 992px){.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.overview-grid{grid-template-columns:1fr;gap:20px}.overview-card{padding:24px;min-height:auto;gap:12px}.overview-card h3{font-size:1.3rem}.overview-card p{font-size:1rem}.card-icon{font-size:2rem}}@media (max-width: 400px){.overview-card{padding:20px}}.register-container{height:75vh;background-color:var(--color-background);display:flex;justify-content:center;align-items:center}.register-content{width:400px;background:var(--color-background);padding:40px;border-radius:12px;border:1px solid var(--color-background);box-shadow:2px 6px 12px 6px #0000001a;text-align:center}.title{font-size:24px;font-weight:300;margin-bottom:20px;color:var(--text-color);margin-top:0}.register-form{display:flex;flex-direction:column;gap:15px}.input{color:var(--text-color);background-color:var(--color-secondary);padding:10px;border:1px solid var(--color-secondary);border-radius:5px;font-size:14px;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.password-toggle{position:absolute;right:10px;top:35px;background:none;border:none;cursor:pointer}.password-icon{width:18px;height:18px;color:var(--text-muted);transition:color .2s ease-in-out,transform .2s ease-in-out}.password-icon:hover{color:var(--text-color);transform:scale(1.2)}.register-button{margin-top:15px;padding:10px;font-size:16px;font-weight:300;background-color:var(--color-primary);transition:background-color .2s ease-in-out}.register-button:hover{background-color:var(--color-primary-hover)}.login-link{margin-top:15px;font-size:14px;color:var(--text-color);font-weight:300;transition:color .2s ease-in-out}.login-link a{font-weight:300;color:var(--text-color);text-decoration:none}.login-link a:hover{color:var(--text-muted)}@media (max-width: 600px){.register-container{height:auto;padding:1rem .5rem;justify-content:center;align-items:center}.register-content{width:100%;max-width:100%;padding:2rem 1.2rem;border-radius:0;box-shadow:none;border:none;background:transparent}.title{font-size:20px;margin-bottom:15px}.input{font-size:16px}.register-button{font-size:15px;padding:12px}.login-link{font-size:13px}}.login-container{display:flex;justify-content:center;align-items:center;height:75vh;background:var(--color-background)}.login-content{width:400px;background:var(--color-background);padding:40px;border-radius:12px;box-shadow:2px 6px 12px 6px #0000001a;text-align:center}.logo{width:40px;margin-bottom:10px}.title{font-size:24px;font-weight:300;margin-bottom:20px;color:var(--text-color)}.login-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;text-align:left;position:relative}.label{font-size:14px;font-weight:300;color:var(--text-color);margin-bottom:5px}.input{color:var(--text-color);background-color:var(--color-secondary);padding:10px;border:1px solid var(--color-secondary);border-radius:5px;font-size:14px;transition:transform .2s ease-in-out}.input:hover,.input:focus{transform:scale(1.02);background-color:var(--color-secondary-hover)}.password-group{position:relative}.password-toggle{position:absolute;right:10px;top:32px;background:none;border:none;cursor:pointer;padding:4px}.password-icon{width:18px;height:18px;color:var(--text-muted);transition:color .2s ease,transform .2s ease}.password-toggle:hover .password-icon{color:var(--text-color);transform:scale(1.15)}.forgot-password{text-align:center}.forgot-password a{font-weight:300;font-size:14px;color:var(--text-color);text-decoration:none}.forgot-password a:hover{color:var(--text-muted)}.login-button{background-color:var(--color-primary);color:var(--text-color);padding:10px;border-radius:6px;font-size:16px;transition:background-color .2s ease}.login-button:hover{background-color:var(--color-primary-hover)}.register-link{font-weight:300;margin-top:15px;font-size:14px;color:var(--text-color)}.register-link a{font-weight:300;color:var(--text-color);text-decoration:none}.register-link a:hover{color:var(--text-muted)}@media (max-width: 600px){.login-container{height:auto;padding:1rem .5rem;align-items:flex-start}.login-content{width:100%;max-width:100%;padding:2rem 1.2rem;border-radius:0;box-shadow:none;background:transparent}.title{font-size:20px;margin-bottom:15px}.input{font-size:16px}.login-button{font-size:15px;padding:12px}.register-link,.forgot-password a{font-size:13px}}