:root{--color-bg:#07090e;--color-surface:#ffffff05;--color-surface-hover:#ffffff0f;--color-primary:#5cdbb5;--color-primary-hover:#45c49e;--color-accent:#3b82f6;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#ffffff14;--border-radius:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff26 var(--color-bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{border:2.5px solid var(--color-bg);background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Outfit,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.bg-shape{filter:blur(130px);z-index:-1;opacity:.25;animation:12s ease-in-out infinite alternate float;position:absolute}.shape-1{background:radial-gradient(circle, var(--color-primary), transparent 70%);width:500px;height:500px;top:-100px;left:-100px}.shape-2{background:radial-gradient(circle, var(--color-accent), transparent 70%);width:600px;height:600px;animation-delay:-6s;bottom:-200px;right:-200px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(40px,60px)scale(1.1)}}.bg-wrapper{z-index:-10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-logo{opacity:.08;z-index:-2;pointer-events:none;background:url(/logo.jpg) 50%/contain no-repeat;width:550px;height:550px;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.app-container{max-width:1200px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--border-radius)}.header{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.logo{letter-spacing:-.5px;color:inherit;cursor:pointer;align-items:center;font-size:2rem;font-weight:700;text-decoration:none;display:flex}.logo-img{border:2px solid var(--color-primary);object-fit:cover;border-radius:50%;width:64px;height:64px;margin-right:16px;box-shadow:0 0 15px #5cdbb133}.logo-accent{background:linear-gradient(120deg, #fff 20%, var(--color-primary) 50%, #fff 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3.5s linear infinite logo-shimmer}@keyframes logo-shimmer{0%{background-position:200%}to{background-position:-200%}}.nav a{color:var(--color-text-muted);transition:var(--transition);margin-left:24px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--color-primary)}.hero{text-align:center;max-width:800px;margin:0 auto;padding:120px 0 100px}.hero h1{letter-spacing:-1px;background:linear-gradient(120deg, #fff 20%, var(--color-primary) 50%, #fff 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:4rem;font-weight:700;line-height:1.1;animation:4.5s linear infinite logo-shimmer}.hero p{color:var(--color-text-muted);margin-bottom:40px;font-size:1.25rem}.btn-primary{background:var(--color-primary);color:#07090e;letter-spacing:.5px;border:1.5px solid var(--color-primary);cursor:pointer;transition:var(--transition);border-radius:12px;padding:14px 32px;font-family:inherit;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 4px 15px #5cdbb540}.btn-primary:hover{color:var(--color-primary);background:0 0;transform:translateY(-2px);box-shadow:0 8px 25px #5cdbb566}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:40px 0;display:grid}.feature-card{text-align:left;transition:var(--transition);padding:32px}.feature-card:hover{background:var(--color-surface-hover);border-color:#ffffff26;transform:translateY(-5px)}.feature-icon-container{color:var(--color-primary);width:48px;height:48px;margin-bottom:20px}.feature-svg{width:100%;height:100%}.feature-card h3{margin-bottom:12px;font-size:1.25rem}.feature-card p{color:var(--color-text-muted);font-size:1.05rem}.pricing-section{text-align:center;padding:80px 0}.pricing-section h2{margin-bottom:48px;font-size:2.5rem}.pricing-cards{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.pricing-note{color:var(--color-text-muted);margin-top:16px;font-size:1.1rem}.pricing-card{min-width:280px;max-width:350px;transition:var(--transition);flex-direction:column;flex:1;padding:40px 32px;display:flex;position:relative}.pricing-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 0 30px #5cdbb50d}.pricing-card.recommended{border-color:var(--color-primary);box-shadow:0 0 30px #5cdbb51a}.badge{color:var(--color-primary);border:1px solid var(--color-primary);letter-spacing:.5px;background:#0d1527;border-radius:8px;padding:6px 16px;font-size:.85rem;font-weight:600;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #5cdbb526}.pricing-card h3{color:var(--color-text-muted);margin-bottom:16px;font-size:1.25rem}.pricing-card .price{color:var(--color-primary);margin-bottom:8px;font-size:3rem;font-weight:700}.pricing-card p{color:var(--color-text-muted);flex-grow:1;margin-bottom:32px;font-size:.95rem}.btn-buy{color:#fff;border:1px solid var(--color-border);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:12px;padding:14px;font-family:inherit;font-size:1rem;font-weight:600}.pricing-card:hover .btn-buy,.pricing-card.recommended .btn-buy{background:var(--color-primary);border-color:var(--color-primary);color:#07090e}.footer{border-top:1px solid var(--color-border);text-align:center;margin-top:80px;padding:40px 0}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.footer-links a{color:var(--color-text-muted);transition:var(--transition);font-size:.95rem;text-decoration:none}.footer-links a:hover{color:var(--color-primary);text-decoration:underline}.copyright{color:#ffffff4d;font-size:.85rem}.keys-container{padding:60px 0}.keys-header{text-align:center;max-width:700px;margin-bottom:48px;margin-left:auto;margin-right:auto}.keys-header h1{margin-bottom:16px;font-size:3rem}.keys-header p{color:var(--color-text-muted);font-size:1.15rem}.keys-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px;display:grid}.keys-card{padding:40px}.keys-card h2{margin-bottom:20px;font-size:1.4rem}.key-box{border:1px solid var(--color-border);background:#0006;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.key-box code{white-space:nowrap;color:var(--color-text-muted);flex-grow:1;font-family:monospace;font-size:.85rem;overflow-x:auto}.btn-copy{border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:.9rem}.key-note{color:var(--color-text-muted);font-size:.9rem}.divider{background:var(--color-border);height:1px;margin:32px 0}.import-buttons{flex-direction:column;gap:20px;display:flex}.import-row{border:1px solid var(--color-border);background:#ffffff03;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.app-name{font-size:1.1rem;font-weight:600}.app-desc{color:var(--color-text-muted);font-size:.9rem}.btn-import{color:#07090e;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:600;text-decoration:none}.help-section{padding:40px}.help-section h2{margin-bottom:24px;font-size:1.6rem}.help-steps{flex-direction:column;gap:16px;padding-left:20px;display:flex}.help-steps li{color:var(--color-text-muted);font-size:1.1rem}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal.active{opacity:1;pointer-events:all}.modal-content{border-color:#ffffff26;width:100%;max-width:450px;padding:40px;transition:transform .3s;position:relative;transform:scale(.95)}.modal.active .modal-content{transform:scale(1)}.close-modal{color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.5rem;position:absolute;top:16px;right:20px}.close-modal:hover{color:var(--color-primary)}@media (width<=768px){.hero h1{font-size:2.5rem}.header{flex-direction:column;gap:16px}.nav{margin-top:10px}.nav a{margin:0 12px}.keys-grid{grid-template-columns:1fr}}.tg-profile-widget{z-index:1000;border:1px solid var(--color-primary);-webkit-backdrop-filter:blur(12px);color:var(--color-text);pointer-events:all;transition:var(--transition);cursor:pointer;background:#0d1527d9;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;font-weight:500;animation:.3s ease-out fadeIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 15px #0003}.tg-profile-widget.logged-out{box-shadow:none;-webkit-backdrop-filter:none;cursor:default;background:0 0;border:none;padding:0}.tg-profile-widget:hover{border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #5cdbb540}.tg-profile-widget.logged-out:hover{box-shadow:none;transform:none}.tg-icon{width:18px;height:18px;color:var(--color-primary)}.btn-logout{color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;margin-left:4px;padding:0;font-size:1.2rem;line-height:1;display:flex}.btn-logout:hover{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-step{animation:.3s ease-out fadeIn;display:none}.modal-step.active{display:block}.step-desc{color:var(--color-text-muted);margin-bottom:20px;font-size:.9rem;line-height:1.45}.modal-form{flex-direction:column;gap:16px;margin-top:16px;display:flex}.form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.form-group input{border:1px solid var(--color-border);color:var(--color-text);transition:var(--transition);background:#ffffff08;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem}.form-group input:focus{border-color:var(--color-primary);background:#5cdbb508;box-shadow:0 0 10px #5cdbb51a}.form-error{color:#ef4444;text-align:left;min-height:20px;margin-top:-4px;font-size:.85rem}.auth-toggle{color:var(--color-text-muted);text-align:center;margin-top:16px;font-size:.85rem}.auth-toggle a{color:var(--color-primary);transition:var(--transition);font-weight:500;text-decoration:none}.auth-toggle a:hover{color:var(--color-primary-hover);text-decoration:underline}.plan-info-highlight{color:var(--color-primary);text-align:center;background:#5cdbb514;border:1px dashed #5cdbb54d;border-radius:8px;margin-bottom:16px;padding:12px;font-size:1.05rem;font-weight:600}.modal-pricing-cards{margin-top:20px;gap:16px!important}.modal-pricing-cards .pricing-card{flex:200px;padding:24px!important}.modal-pricing-cards .pricing-card .price{font-size:2.2rem!important}.modal-pricing-cards .pricing-card .badge{padding:4px 10px;font-size:.75rem;top:-10px}