:root{--primary:#10b981;--primary-dark:#059669;--accent:#34d399;--accent-gold:#f59e0b;--text-primary:#0f2d27;--text-secondary:#64748b;--background:#fff;--background-light:#ecfdf5;--surface:#fff;--surface-hover:#ecfdf5;--border:rgba(16,185,129,.15);--gradient-main:linear-gradient(135deg,#10b981,#34d399);--gradient-accent:linear-gradient(135deg,#f59e0b,#fbbf24);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(16,185,129,.15)}*{margin:0;padding:0;box-sizing:border-box;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}body,html{background:var(--background)}body{color:var(--text-primary);min-height:100vh;overflow-x:hidden}.dots{top:0;height:100%;background-image:radial-gradient(circle at center,rgba(16,185,129,.05) 1px,transparent 0);background-size:32px 32px}.bottom-gradient,.dots{pointer-events:none;position:fixed;left:0;width:100%;z-index:0}.bottom-gradient{bottom:0;height:600px;background:radial-gradient(ellipse at bottom,rgba(16,185,129,.08) 0,transparent 60%)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:visible}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;justify-content:space-between;width:100%;box-sizing:border-box}.header-content,.logo{display:flex;align-items:center;overflow:visible}.logo{gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:opacity .2s;flex-shrink:1;min-width:0}.logo:hover{opacity:.8}.logo-icon{font-size:1.5rem}.nav{display:flex;align-items:center;gap:2rem;flex-shrink:0}.nav a,.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s}.nav a:hover{color:var(--text-primary)}.nav-cta{background:var(--gradient-main);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.5)}.landing-page{position:relative;z-index:1;padding-top:80px;overflow-x:hidden}.hero{max-width:1200px;margin:0 auto;padding:8rem 2rem 6rem;text-align:center}.hero-badge{display:inline-block;padding:.5rem 1.2rem;background:var(--background-light);border:1px solid var(--border);border-radius:50px;font-size:.9rem;margin-bottom:2rem;color:var(--primary);font-weight:500}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em;word-break:keep-all}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.6}.hero-cta{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.cta-button.primary{background:var(--gradient-main);color:#fff;box-shadow:var(--shadow)}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cta-button.secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.cta-button.secondary:hover{background:var(--surface-hover)}.cta-button.large{padding:1.2rem 2.5rem;font-size:1.1rem}.arrow{transition:transform .3s}.cta-button:hover .arrow{transform:translateX(4px)}.hero-note{font-size:.9rem;color:var(--text-secondary)}.features-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:4rem;word-break:keep-all}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem;transition:all .3s ease;box-shadow:var(--shadow)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(16,185,129,.4)}.feature-card.highlight{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(52,211,153,.08));border-color:rgba(16,185,129,.25)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.feature-tag{display:inline-block;padding:.4rem 1rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:20px;font-size:.85rem;color:var(--primary-dark);font-weight:500}.how-section{max-width:1200px;margin:0 auto;padding:6rem 2rem;background:var(--background-light);border-radius:30px;border:1px solid var(--border)}.steps-container{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.step{text-align:center;max-width:200px}.step-number{width:60px;height:60px;background:var(--gradient-main);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:var(--shadow)}.step h4{font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.step p{font-size:.95rem}.step p,.step-arrow{color:var(--text-secondary)}.step-arrow{font-size:2rem;margin:0 1rem}.cta-section{max-width:1200px;margin:0 auto;padding:6rem 2rem 8rem;text-align:center}.cta-content{background:var(--gradient-main);border-radius:30px;padding:4rem 2rem;box-shadow:var(--shadow-lg)}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-content .cta-button{background:#fff;color:var(--primary);box-shadow:0 4px 20px rgba(0,0,0,.15)}.cta-content .cta-button:hover{box-shadow:0 6px 30px rgba(0,0,0,.2)}@media only screen and (max-width:1024px){.hero-title{font-size:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media only screen and (max-width:768px){.site-header{padding:0;overflow:visible}.header-content{padding:.75rem .875rem;gap:.5rem;overflow:visible;min-height:60px}.logo{font-size:.95rem;gap:.375rem;flex:0 1 auto;overflow:visible}.logo-text{font-size:.95rem;white-space:nowrap}.logo-icon{font-size:1.1rem;flex-shrink:0}.nav{gap:.5rem;flex:0 0 auto;overflow:visible}.nav a[href^="#"]{display:none}.nav-link{display:inline-block!important;font-size:.85rem;padding:.5rem .75rem;white-space:nowrap}.nav-cta{padding:.5rem 1rem;font-size:.875rem}.auth-buttons{gap:.375rem;flex:0 0 auto;display:flex!important;visibility:visible!important}.login-button{padding:.5rem .625rem}.login-button,.signup-button{font-size:.7rem;white-space:nowrap;display:inline-block!important;border-radius:6px}.signup-button{padding:.5rem .75rem}.user-menu{display:block!important;visibility:visible!important}.user-button{padding:.5rem .625rem;font-size:.8rem;white-space:nowrap;display:inline-flex!important}.user-name{display:none}.user-icon{font-size:1.2rem}.hero{padding:5rem 1.25rem 3rem}.hero-badge{font-size:.8rem;padding:.4rem 1rem}.hero-title{font-size:2.25rem;margin-bottom:1.25rem}.hero-description{font-size:1rem;margin-bottom:2.5rem}.hero-cta{flex-direction:column;gap:.75rem;width:100%}.cta-button{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:.95rem}.hero-note{font-size:.85rem}.section-title{font-size:1.875rem;margin-bottom:2.5rem}.features-section{padding:4rem 1.25rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.35rem}.feature-card p{font-size:.95rem;line-height:1.7}.how-section{padding:4rem 1.25rem;margin:0 1.25rem}.steps-container{flex-direction:column;gap:2rem}.step{max-width:100%}.step-arrow{transform:rotate(90deg);margin:0}.step-number{width:50px;height:50px;font-size:1.3rem}.step h4{font-size:1.1rem}.step p{font-size:.9rem}.cta-section{padding:4rem 1.25rem 5rem}.cta-content{padding:2.5rem 1.5rem;border-radius:20px}.cta-content h2{font-size:1.875rem;margin-bottom:.875rem}.cta-content p{font-size:1rem;margin-bottom:1.75rem}.cta-content .cta-button{padding:1rem 2rem}}@media only screen and (max-width:480px){.header-content{padding:.625rem;gap:.375rem}.logo{gap:.25rem}.logo,.logo-text{font-size:.875rem}.logo-icon{font-size:1rem}.nav{gap:.375rem}.nav-link{font-size:.75rem;padding:.4rem .625rem}.auth-buttons{gap:.25rem}.login-button{padding:.4rem .5rem}.login-button,.signup-button{font-size:.65rem;border-radius:5px}.signup-button{padding:.4rem .625rem}.user-button{padding:.5rem;font-size:.75rem}.user-name{display:none}.user-icon{font-size:1.1rem}.hero-title{font-size:1.875rem}.hero-description{font-size:.95rem}.section-title{font-size:1.625rem}.feature-card{padding:1.75rem}.cta-content,.how-section{border-radius:16px}.cta-content h2{font-size:1.625rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.form-group input{padding:.875rem 1rem;border:1px solid var(--border);border-radius:10px;font-size:.95rem;transition:all .2s;background:var(--surface);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:.875rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#dc2626;font-size:.9rem}.submit-button{padding:1rem;background:var(--gradient-main);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:.5rem}.form-footer p{color:var(--text-secondary);font-size:.9rem}.form-footer .link{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s}.form-footer .link:hover{color:var(--primary-dark);text-decoration:underline}.auth-buttons{display:flex;align-items:center;gap:.75rem;flex-shrink:0;white-space:nowrap}.login-button{color:var(--text-primary);text-decoration:none;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;transition:color .2s;border-radius:8px;display:inline-block}.login-button:hover{color:var(--primary);background:var(--surface-hover)}.signup-button{background:var(--gradient-main);color:#fff;text-decoration:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .2s;display:inline-block}.signup-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.user-menu{position:relative;display:block;visibility:visible}.user-button{display:flex;align-items:center;gap:.5rem;background:var(--surface-hover);border:1px solid var(--border);padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--text-primary)}.user-button:hover{background:var(--background-light);border-color:var(--primary)}.user-icon{font-size:1.2rem}.user-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.dropdown-header{padding:1rem;background:var(--background-light)}.user-email{font-size:.85rem;color:var(--text-secondary);word-break:break-all}.dropdown-divider{height:1px;background:var(--border)}.dropdown-item{width:100%;padding:.875rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.95rem;color:var(--text-primary);transition:background .2s}.dropdown-item:hover{background:var(--surface-hover)}@media only screen and (max-width:768px){.auth-page{padding:1rem}.auth-container{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}.auth-form .submit-button{font-size:.95rem;padding:.875rem}}.dashboard-page{min-height:100vh;padding-top:80px;background:var(--background)}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.dashboard-header p{color:var(--text-secondary);font-size:1rem}.btn-primary{background:var(--gradient-main);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);padding:.875rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.loading-state,.protected-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border:2px dashed var(--border);border-radius:20px;margin-top:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary)}.empty-state p,.form-section{margin-bottom:2rem}.condition-form{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:var(--shadow)}.condition-form h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.condition-form .form-group{display:flex;flex-direction:column;gap:.5rem}.condition-form label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.condition-form input,.condition-form select{padding:.875rem 1rem;border:1px solid var(--border);border-radius:10px;font-size:.95rem;transition:all .2s;background:var(--surface);color:var(--text-primary)}.condition-form input:focus,.condition-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-hint{font-size:.85rem;color:var(--text-secondary)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.conditions-section{margin-top:3rem}.conditions-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.condition-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-gap:1.5rem;gap:1.5rem}.condition-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:var(--shadow)}.condition-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.condition-card.active{border-color:var(--primary);background:linear-gradient(135deg,rgba(16,185,129,.03),rgba(52,211,153,.05))}.condition-card.inactive{opacity:.7}.condition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.condition-symbol{display:flex;align-items:center;gap:.5rem}.symbol-icon{font-size:1.5rem}.symbol-name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.active{background:rgba(16,185,129,.15);color:var(--primary-dark)}.status-badge.inactive{background:rgba(100,116,139,.15);color:var(--text-secondary)}.condition-body{margin-bottom:1rem}.condition-formula{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--background-light);border-radius:10px;margin-bottom:1rem}.condition-formula .indicator{font-weight:600;color:var(--primary)}.condition-formula .operator{font-size:1.25rem;font-weight:700;color:var(--text-secondary)}.condition-formula .threshold{font-size:1.25rem;font-weight:700;color:var(--primary)}.condition-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.condition-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.condition-meta{font-size:.85rem;color:var(--text-secondary)}.condition-actions{display:flex;gap:.5rem}.btn-delete,.btn-toggle{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-toggle:hover{background:var(--background-light);border-color:var(--primary)}.btn-delete:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#dc2626}.profile-page{min-height:100vh;padding-top:80px;background:var(--background)}.profile-container{max-width:800px;margin:0 auto;padding:2rem}.profile-header{margin-bottom:3rem}.profile-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.profile-header p{color:var(--text-secondary)}.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;margin-bottom:2rem}.profile-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.info-card{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary)}.info-value{color:var(--text-primary)}.telegram-guide{background:var(--background-light);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.telegram-guide h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.telegram-guide ol{margin-left:1.5rem;margin-bottom:1rem}.telegram-guide li{margin-bottom:.5rem;color:var(--text-primary);line-height:1.6}.telegram-guide code{background:var(--surface);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.guide-note{background:rgba(16,185,129,.1);border-left:3px solid var(--primary);padding:.75rem 1rem;border-radius:6px;font-size:.9rem;color:var(--text-primary)}.telegram-form{display:flex;flex-direction:column;gap:1.5rem}.required{color:#ef4444}.optional{color:var(--text-secondary);font-size:.85rem}.success-message{padding:1rem;background:rgba(16,185,129,.1);border:1px solid var(--primary);border-radius:8px;color:var(--primary-dark);font-weight:500}.test-section{text-align:center;padding:2rem}.test-section p{margin-bottom:.5rem;color:var(--text-primary)}.test-note{font-size:.9rem;color:var(--text-secondary);line-height:1.6}@media only screen and (max-width:768px){.profile-container{padding:1.5rem 1rem}.profile-header h1{font-size:1.5rem}.profile-section{padding:1.5rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.telegram-guide{padding:1rem}.telegram-guide ol{margin-left:1rem}.dashboard-container{padding:1.5rem 1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header h1{font-size:1.5rem}.dashboard-header .btn-primary{width:100%}.form-row{grid-template-columns:1fr;gap:1rem}.condition-list{grid-template-columns:1fr!important;gap:1rem}.condition-card{padding:1.25rem}.condition-formula{flex-wrap:wrap;gap:.5rem}.condition-footer{flex-direction:column;align-items:flex-start;gap:1rem}.condition-actions{width:100%;display:flex}.btn-delete,.btn-toggle{flex:1 1;padding:.625rem .75rem;font-size:.8rem}}@media only screen and (max-width:480px){.dashboard-container{padding:1rem .75rem}.dashboard-header h1{font-size:1.25rem}.dashboard-header p{font-size:.9rem}.condition-card{padding:1rem}.symbol-name{font-size:1.1rem}.condition-formula{padding:.75rem;font-size:.9rem}.condition-description{font-size:.85rem}.btn-delete,.btn-toggle{font-size:.75rem;padding:.5rem}}