:root{--color-bg:#0A0A0A;--color-surface:#1A1A1A;--color-border:#2A2A2A;--color-primary-green:#00DC82;--color-primary-glow:rgba(0, 220, 130, 0.3);--color-button-text:#0A0A0A;--color-code:#00FFAB;--color-code-glow:rgba(0, 255, 171, 0.3);--color-text:#E0E0E0;--color-text-secondary:#888888;--color-danger:#FF4D4D;--color-accent-yellow:#FFD700;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Menlo", "Courier New", monospace;--sidebar-width:220px}*,*::before,*::after{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);margin:0;line-height:1.5;height:100vh;overflow:hidden}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutFade{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.layout-wrapper{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:20px;flex-shrink:0;position:fixed;height:100%;z-index:1000;transform:translateX(-100%);transition:transform 0.3s ease-out;display:flex;flex-direction:column}.sidebar.is-mobile-open{transform:translateX(0)}.sidebar-header{padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.sidebar-header h2{color:var(--color-text);margin:0;font-size:1.5rem;display:flex;align-items:center}.sidebar-header .icon{margin-right:12px;color:var(--color-primary-green)}.nav-list{list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;padding:14px 16px;border-radius:8px;text-decoration:none;color:var(--color-text-secondary);font-size:1rem;font-weight:500;transition:all 0.3s ease}.nav-link span{display:flex;align-items:center;margin-right:12px;font-size:1.2rem}.nav-link svg{width:20px;height:20px;fill:currentColor}.nav-link:hover{background-color:var(--color-border);color:var(--color-text)}.nav-link.is-active{background-color:var(--color-primary-green);color:var(--color-button-text);text-shadow:none;box-shadow:0 0 15px var(--color-primary-glow)}.nav-link.is-active span{color:var(--color-button-text)}.main-content{flex:1;padding:15px;overflow-y:auto;width:100%}.content-page{display:none}.content-page.is-active{display:block;animation:fadeIn 0.5s ease}.container{max-width:700px;margin:0 auto}.placeholder-content{background-color:var(--color-surface);border:1px dashed var(--color-border);padding:20px;border-radius:8px;color:var(--color-text-secondary)}.placeholder-content h2{color:var(--color-text);margin-top:0}.content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.content-overlay.is-active{opacity:1;visibility:visible}.mobile-only{display:block}#page-2fa .header .mobile-only,#page-buy .header .mobile-only{margin-right:12px}@media (min-width:768px){.sidebar{position:static;transform:translateX(0);height:auto}.main-content{padding:20px 40px}.mobile-only{display:none}.content-overlay{display:none}}#page-2fa .header,#page-buy .header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-bottom:20px}#page-2fa .header h1,#page-buy .header h1{font-size:1.75rem;font-weight:500;margin:0;flex-grow:1}.one-time-container{display:none;margin-bottom:24px}.one-time-container .account-item{background-color:var(--color-surface);border:1px solid var(--color-primary-green);box-shadow:0 0 15px var(--color-primary-glow);padding:16px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.one-time-container .account-info{overflow:hidden;flex-grow:1}.one-time-container .account-name{font-size:1rem;color:var(--color-primary-green);font-weight:700;display:block}.novice-guide{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary-green);border-radius:8px;padding:16px 20px;margin-bottom:24px}.novice-guide p{margin:0;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.novice-guide .copy-wx{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:500;color:var(--color-text-secondary)}.novice-guide .copy-wx svg{width:16px;height:16px;fill:var(--color-accent-yellow)}.novice-guide .copy-wx strong{font-weight:700;color:var(--color-primary-green);font-family:var(--font-mono);transition:color 0.2s ease}.notice-info{border-left-color:var(--color-accent-yellow)}#page-2fa .button-primary-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 16px;font-size:1rem;font-weight:500;background-color:var(--color-primary-green);color:var(--color-button-text);text-shadow:none;box-shadow:0 0 15px var(--color-primary-glow);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;margin-bottom:24px}#page-2fa .button-primary-cta span:first-child{margin-right:12px;font-size:1.2rem}#page-2fa .button-primary-cta:hover{background-color:#fff;transform:translateY(-2px)}#page-2fa .add-form{background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);margin-bottom:24px;display:none;opacity:0;transform:translateY(-10px);transition:opacity 0.4s ease,transform 0.4s ease}#page-2fa .add-form.is-visible{display:block;opacity:1;transform:translateY(0)}#page-2fa .add-form .form-header{padding:24px;text-align:center}#page-2fa .add-form .form-header h2{font-size:1.5rem;margin:0 0 8px 0;font-weight:500}#page-2fa .add-form .form-header p{font-size:1rem;color:var(--color-text-secondary);margin:0}#page-2fa .add-form .form-body{padding:0 24px 8px 24px}#page-2fa .form-group{margin-bottom:16px}#page-2fa .form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--color-text-secondary)}#page-2fa .form-group input[type="text"]{width:100%;padding:14px;background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;font-size:1rem;transition:all 0.3s ease}#page-2fa .form-group input[type="text"]:focus{outline:none;border-color:var(--color-primary-green);box-shadow:0 0 0 3px var(--color-primary-glow)}#page-2fa .form-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding:20px 24px;border-top:1px solid var(--color-border)}.button-primary,.button-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.3s ease}.button-primary{background-color:var(--color-primary-green);color:var(--color-button-text)}.button-primary:hover{background-color:#fff;box-shadow:0 0 15px var(--color-primary-glow)}.button-secondary{background-color:var(--color-border);color:var(--color-text-secondary)}#page-2fa .list-title{font-size:1.25rem;font-weight:500;margin:24px 0 16px 0;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding-bottom:10px}#page-2fa .accounts-list{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:16px}#page-2fa .account-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-surface);padding:16px 20px;border-radius:8px;border:1px solid var(--color-border);transition:all 0.3s ease}#page-2fa .account-info{overflow:hidden;flex-grow:1}#page-2fa .account-name{font-size:1rem;color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.account-code{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--color-code);letter-spacing:2px;text-shadow:0 0 10px var(--color-code-glow);margin:4px 0 0 0;line-height:1;cursor:pointer;transition:all 0.2s ease;user-select:none;position:relative;display:inline-block}.account-code:hover{opacity:.8}.account-code .copied-feedback{position:absolute;top:0;left:0;bottom:0;background:rgb(0 220 130 / .9);color:var(--color-button-text);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;letter-spacing:.5px;border-radius:6px;white-space:nowrap;opacity:0;transform:translateY(10px);animation:slideInFade 0.2s ease-out forwards}.account-code .copied-feedback.hiding{animation:slideOutFade 0.2s ease-in forwards}.key-timer{width:40px;height:40px;position:relative;margin-left:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-svg{width:40px;height:40px;transform:rotate(-90deg);position:absolute}.timer-bg{fill:none;stroke:var(--color-border);stroke-width:4}.timer-circle{fill:none;stroke:var(--color-primary-green);stroke-width:4;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:0;transition:stroke-dashoffset 0.1s linear}.timer-text{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--color-primary-green);z-index:1}.icon-button{background:none;border:none;color:var(--color-text-secondary);padding:6px;border-radius:50%;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;flex-shrink:0}.icon-button:hover{color:var(--color-primary-green);background-color:var(--color-surface)}.icon-button.active{color:var(--color-primary-green);background-color:var(--color-surface)}#page-2fa .header-edit-btn{background-color:var(--color-surface);color:var(--color-accent-yellow);border:1px solid var(--color-accent-yellow);border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;box-shadow:0 0 8px rgb(255 215 0 / .2)}#page-2fa .header-edit-btn span{display:flex;align-items:center;gap:8px}#page-2fa .header-edit-btn svg{width:16px;height:16px;stroke:var(--color-accent-yellow);transition:all 0.3s ease}#page-2fa .header-edit-btn:hover{background-color:#333;color:var(--color-text);border-color:#333}#page-2fa .header-edit-btn.active{background-color:var(--color-primary-green);color:var(--color-button-text);border-color:var(--color-primary-green);box-shadow:0 0 15px var(--color-primary-glow)}#page-2fa .header-edit-btn.active svg{stroke:var(--color-button-text)}.mobile-only+h1+.header-edit-btn{display:none}@media (min-width:768px){.mobile-only+h1+.header-edit-btn{display:flex}}#page-2fa .delete-button{background-color:var(--color-danger);color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:.9rem;cursor:pointer;margin-left:12px;opacity:0;transform:scale(.8);transition:all 0.3s ease;pointer-events:none}#page-2fa .accounts-list.editing .delete-button{opacity:1;transform:scale(1);pointer-events:auto}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--color-border);text-align:center}.sidebar-footer .contact-line-main{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:12px}.sidebar-footer .contact-line{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-text-secondary);font-size:.9rem;margin-bottom:5px}.sidebar-footer .contact-line svg{width:18px;height:18px;fill:var(--color-text-secondary)}.sidebar-footer strong{font-weight:700;color:var(--color-primary-green);font-family:var(--font-mono);font-size:1rem;margin-bottom:10px;display:block}.sidebar-footer .contact-note{font-size:.85rem;color:var(--color-danger);opacity:.8}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.product-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center;transition:all 0.3s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(0 0 0 / .4);border-color:var(--color-primary-green)}.product-icon{width:50px;height:50px;margin:0 auto 15px auto;display:flex;align-items:center;justify-content:center}.product-icon svg{width:100%;height:100%}.twitter-color{color:#1DA1F2}.facebook-color{color:#1877F2}.google-color{color:#4285F4}.instagram-color{color:#E4405F}.linkedin-color{color:#0A66C2}.telegram-color{color:#2AABEE}.premium-color{color:var(--color-accent-yellow)}.product-card h3{font-size:1.3rem;font-weight:500;color:var(--color-text);margin:0 0 10px 0}.product-card .product-description{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:20px;line-height:1.6;flex-grow:1}.product-card .product-button{width:100%}.product-button.is-copied{background-color:var(--color-accent-yellow);color:var(--color-button-text)}.contact-card-special{text-align:center;display:flex;flex-direction:column;justify-content:center;border-style:dashed}.contact-card-special .contact-line-main{font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:15px}.contact-card-special .contact-line{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;color:var(--color-text-secondary);margin-bottom:10px}.contact-card-special .contact-line svg{width:20px;height:20px;fill:var(--color-text-secondary)}.contact-card-special strong{font-weight:700;color:var(--color-primary-green);font-family:var(--font-mono);font-size:1.1rem;margin-bottom:10px;display:block}.contact-card-special .contact-note{font-size:.9rem;color:var(--color-danger);opacity:.8}.copy-wx{color:var(--color-primary-green);font-weight:700;cursor:pointer;transition:all 0.2s ease;position:relative;vertical-align:middle}.copy-wx:hover{opacity:.8}.copy-wx.is-copied{color:var(--color-accent-yellow);opacity:1}#page-2fa .novice-guide .copy-wx.is-copied strong{color:var(--color-accent-yellow)}.minimalist-view{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);flex-direction:column;align-items:center;justify-content:center;z-index:9999;padding:20px}body.minimalist-mode #main-layout{display:none}body.minimalist-mode .minimalist-view{display:flex;animation:fadeIn 0.3s ease}.minimalist-contact-bar{display:flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text-secondary);font-size:.95rem;cursor:pointer;transition:all 0.3s ease;margin-bottom:40px;max-width:400px;width:100%}.minimalist-contact-bar svg{width:20px;height:20px;fill:var(--color-primary-green);margin-right:12px;flex-shrink:0}.minimalist-contact-bar:hover{border-color:var(--color-primary-green);color:var(--color-text)}.minimalist-contact-bar.is-copied{border-color:var(--color-accent-yellow);color:var(--color-accent-yellow);font-weight:700}.minimalist-contact-bar.is-copied svg{fill:var(--color-accent-yellow)}.minimalist-title{font-size:1.5rem;color:var(--color-text-secondary);font-weight:300;margin:0 0 24px 0}.minimalist-code{font-size:5rem;font-family:var(--font-mono);color:var(--color-code);text-shadow:0 0 10px var(--color-code-glow);border:2px solid var(--color-border);padding:20px 40px;border-radius:8px;letter-spacing:5px;cursor:pointer;user-select:none;transition:all 0.2s ease}.minimalist-code:hover{opacity:.8}.minimalist-timer{font-size:1rem;color:var(--color-text-secondary);margin-top:24px;font-family:var(--font-mono)}.minimalist-timer span{color:var(--color-text);font-weight:700}.minimalist-note{font-size:.9rem;color:var(--color-text-secondary);margin-top:16px}}