body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto}#root,body{display:flex;justify-content:center;width:100%}#root{flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:1240px){#root{min-width:100%}}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Big Shoulders,sans-serif;font-size:19px;font-weight:400;letter-spacing:.3px;padding:6px 15px;transition:background-color .2s}.logout-button:hover{background-color:#c82333}.header{background-color:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a;max-width:1200px;place-self:center;position:sticky;top:0;width:100%;z-index:1000}.header-top{justify-content:space-between;padding:1rem 2rem}.header-right,.header-top{align-items:center;display:flex}.header-right{gap:15px}.logo{color:#333;font-family:Big Shoulders;font-size:28px;font-weight:900;text-decoration:none}.main-nav{display:flex;gap:25px;padding:0 2rem 1rem}.main-nav a{border-bottom:2px solid #0000;color:#666;font-size:14px;font-weight:500;padding:5px 0;text-decoration:none;transition:all .2s}.main-nav a:hover{color:#333}.main-nav a.active{border-bottom:2px solid #333;color:#333}.wallet-info{align-items:center;display:flex;font-size:14px;gap:10px}.balance{color:#333;font-weight:700}.mobile-menu-button{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:24px;z-index:1002}.mobile-logout-button{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-family:Big Shoulders,sans-serif;font-size:18px;font-weight:500;letter-spacing:.5px;margin-top:20px;max-width:300px;padding:12px 20px;text-align:center;width:80%}.mobile-logout-button:hover{background-color:#c82333}@media (max-width:900px){.header-top{padding:.75rem 1rem}.mobile-menu-button{display:block}.logout-button.desktop-only{display:none}.mobile-logout-button{display:block}.main-nav{align-items:center;background-color:#f0f8fff7;bottom:0;display:none;flex-direction:column;gap:20px;justify-content:center;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;z-index:1001}.main-nav.open{display:flex;opacity:1;transform:translateY(0)}.main-nav a{border:none;border-radius:8px;color:#2196f3;font-size:18px;font-weight:500;max-width:300px;padding:12px 20px;text-align:center;transition:all .2s ease;width:80%}.main-nav a:hover{background-color:#2196f31a;color:#1976d2}.main-nav a.active{background-color:#2196f333;border:none;color:#1565c0;font-weight:600}}@media (max-width:480px){.header-top{padding:.5rem .75rem}.logo{font-size:22px}.wallet-info{font-size:12px}.main-nav a,.mobile-logout-button{font-size:16px;padding:10px 16px}}.login-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;width:100%}.login-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:400px;padding:2.5rem;text-align:center;width:100%}.login-container h1{animation:fadeIn 1s ease-out;color:#1e3a8a;font-size:1.8rem;margin-bottom:2rem;margin-top:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s}.login-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.login-button{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:8px;font-size:1rem;padding:12px 24px}.login-button:hover{box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-footer{color:#6b7280;margin-top:2rem}.signup-link{color:#2563eb;font-weight:500;text-decoration:none}.signup-link:hover{text-decoration:underline}.logo-container{display:flex;justify-content:center;margin-bottom:1.5rem;margin-right:12px;opacity:0;transform:scale(.8);transition:all .6s cubic-bezier(.68,-.55,.27,1.55)}.logo-loaded{opacity:1;transform:scale(1)}.login-logo{animation:pulse 3s ease-in-out infinite;height:auto;width:143px}@keyframes pulse{0%{filter:drop-shadow(0 0 0 rgba(33,99,235,0));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(33,99,235,.5));transform:scale(1.05)}to{filter:drop-shadow(0 0 0 rgba(33,99,235,0));transform:scale(1)}}.payment-page{box-sizing:border-box;margin:0 auto;max-width:1200px;min-width:750px;padding:2rem}.payment-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;padding:2rem;place-items:center}.payment-form{display:flex;flex-direction:column;gap:1.5rem;max-width:400px}.refund-button{background-color:#eb5454;border:1px solid #aa3f3f;border-radius:4px;color:#fff;cursor:pointer;font-family:Big Shoulders,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease}.refund-button:hover{background-color:#bd5e5e;border-color:#bd5e5e}.addhtwo{color:#333;font-family:Big Shoulders,sans-serif;font-size:28px;font-weight:600;letter-spacing:.6px;margin-block-start:0;margin-bottom:14px;text-decoration:none}.form-group2{align-items:center;display:flex;flex-direction:column;gap:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.form-group2 label{color:#333;font-weight:500}.form-group2 input,.form-group2 select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.submit-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Big Shoulders,sans-serif;font-size:25px;font-weight:500;font-weight:400;letter-spacing:.3px;padding:10px;transition:all .2s}.submit-button:hover{transform:translateY(-1px)}.payment-history{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.payment-history table{margin-top:1rem}.payment-history td,.payment-history th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.payment-history th{color:#666;font-weight:500}.status{border:1px solid;border-radius:999px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status.completed,.status.paid{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.status.pending{background:#fff3e0;border-color:#ef6c00;color:#ef6c00}.status.fail,.status.failed{background:#ffebee;border-color:#c62828;color:#c62828}.status.connected{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.status.ready{background:#e3f2fd;border-color:#1565c0;color:#1565c0}.status.expired{background:#ffebee;border-color:#c62828;color:#c62828}.status.waiting{background:#fff3e0;border-color:#ef6c00;color:#ef6c00}.status.refunded{background:#f3e5f5;border-color:#7b1fa2;color:#7b1fa2}.loading{align-items:center;color:#666;font-size:1.2rem;min-height:400px}.history-tabs,.loading{display:flex;justify-content:center}.history-tabs{border-bottom:1px solid #e0e0e0;margin-bottom:20px}.tab-button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;position:relative;transition:all .2s}.tab-button:hover{color:#333}.tab-button.active{color:#2196f3;font-weight:600}.tab-button.active:after{background-color:#2196f3;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.positive{color:#4caf50;font-weight:500}.negative{color:#f44336;font-weight:500}.no-data{color:#757575;font-style:italic;padding:20px;text-align:center}.referral-input{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:not-allowed;font-size:14px;margin-bottom:5px;min-width:240px;padding:10px;text-align:center;width:100%}.copy-message{margin-bottom:10px;padding:5px}.copy-message.success{background-color:#e6f4ea;color:#28a745}.copy-message.error{background-color:#f8d7da;color:#dc3545}.payment-history table th{text-align:center}.actions-container{display:flex;gap:4px}.ext-button{background-color:#4a90e2;border:1px solid #34659e;border-radius:4px;color:#fff;cursor:pointer;font-family:Big Shoulders,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease}.ext-button:hover{background-color:#5e7fbd;border-color:#5e64bd}.proxy-copy-cell{border-radius:3px;cursor:pointer;max-width:250px;overflow:hidden;padding:3px 2px;text-overflow:ellipsis;transition:background-color .2s;white-space:nowrap}.proxy-copy-cell:hover{background-color:#2196f31a}.proxy-copy-cell:active{background-color:#2196f333}.payment-history table{border-collapse:collapse;margin-top:20px;width:100%}.payment-history table td,.payment-history table th{border:1px solid #ddd;padding:10px}.payment-history table th{background-color:#f8f9fa;font-weight:600}.payment-history table td{text-align:center}@media (max-width:1040px){.payment-page{max-width:500px;min-width:auto;padding:1rem;width:100%}.payment-form-container,.payment-history{padding:15px}.payment-history table{display:block;width:100%}.payment-history thead{display:none}.payment-history tbody{display:block;width:100%}.payment-history tr{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;margin-bottom:15px;padding:12px;position:relative}.payment-history td{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;font-size:14px;padding:8px 6px}.payment-history td:before{color:#666;content:attr(data-label);font-weight:500;margin-right:10px;min-width:100px;width:35%}.payment-history .status{border:1px solid;font-size:.75rem;padding:.2rem .6rem}.history-tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding-bottom:10px}.tab-button{background-color:#f5f5f5;border-radius:20px;font-size:14px;padding:8px 15px;transition:all .2s ease}.tab-button.active{background-color:#2196f3;color:#fff}.tab-button.active:after{display:none}.negative,.positive{border-radius:4px;font-weight:600;padding:3px 8px}.positive{background-color:#4caf501a}.negative{background-color:#f443361a}.truncate{max-width:150px}.truncate:hover{background-color:#f8f9fa;border-radius:4px;box-shadow:0 2px 5px #0003;overflow:visible;padding:5px;position:relative;transition:all .3s ease;white-space:normal;z-index:1}}@media (max-width:480px){.payment-page{min-width:324px;padding:.5rem}.payment-form-container,.payment-history{padding:10px}.addhtwo{font-size:20px;margin-bottom:10px}.payment-history td{font-size:13px;padding:6px}.payment-history td:before{min-width:90px}.tab-button{font-size:12px;padding:6px 12px}.status{font-size:11px;padding:3px 6px}.form-group label{font-size:14px}.form-group input,.form-group select{font-size:14px;padding:10px}.submit-button{font-size:18px;padding:8px}.truncate{max-width:120px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.extend-modal{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:20px;margin:0}.close-button{color:#999;transition:color .2s}.modal-body{padding:20px}.proxy-info{grid-gap:8px 16px;background:#f8f9fa;border-radius:6px;display:grid;gap:8px 16px;grid-template-columns:repeat(2,1fr);padding:12px}.proxy-info-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;font-size:13px;justify-content:space-between}.proxy-info-label{color:#444;font-weight:500;white-space:nowrap}.proxy-info-value{color:#222;font-weight:400;max-width:70%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.proxy-info-full{grid-column:1/-1;justify-content:flex-start}.proxy-info-full,.proxy-info-row:last-child{border-bottom:none}.time-inputs{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.time-input-group{display:flex;flex:1 1;flex-direction:column;min-width:100px}.time-input-group label{color:#666;font-size:14px;margin-bottom:8px}.number-input{border:1px solid #ddd;border-radius:4px;display:flex;height:40px;overflow:hidden}.number-input button{background-color:#f8f9fa;border:none;color:#333;cursor:pointer;font-size:18px;transition:background-color .2s;width:40px}.number-input button:hover:not(:disabled){background-color:#e9ecef}.number-input button:disabled{color:#ccc;cursor:not-allowed}.number-input input{-moz-appearance:textfield;border:none;flex:1 1;font-size:16px;padding:0;text-align:center;width:40px}.number-input input::-webkit-inner-spin-button,.number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.summary{background-color:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px}.summary-row{color:#333;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px}.summary-row:last-child{margin-bottom:0}.total-price{border-top:1px solid #dee2e6;color:#212529;font-size:18px;margin-top:12px;padding-top:12px}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.cancel-button:hover{background-color:#e9ecef}.extend-button{font-size:16px;font-weight:400;letter-spacing:.5px}.extend-button:hover:not(:disabled){box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.extend-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.modal-overlay{padding:10px}.modal-header{padding:15px}.modal-header h2{font-size:18px}.modal-body{padding:15px}.time-inputs{gap:10px;padding:0 6px}.time-input-group{width:100%}.number-input{height:36px}.number-input button{font-size:16px;width:36px}.number-input input{font-size:14px}.modal-footer{flex-direction:column;gap:10px;padding:0 6px}.cancel-button,.extend-button{font-size:14px;padding:10px;text-align:center;width:100%}}@media (max-width:480px){.modal-overlay{padding:5px}.modal-header{padding:12px}.modal-header h2{font-size:16px}.modal-body{padding:12px}.proxy-info{gap:8px;grid-template-columns:1fr;padding:10px}.proxy-info-value{max-width:80%}.proxy-info-row{font-size:12px;padding-bottom:6px}.proxy-info-full{grid-column:auto}.summary{padding:12px}.summary-row{font-size:14px}.total-price{font-size:16px}}.signup-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.signup-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.signup-title{color:#2196f3;font-family:Big Shoulders,sans-serif;font-size:36px;margin-bottom:30px}.api-key-container{margin:30px 0}.api-key-container h2{color:#333;font-size:24px;margin-bottom:15px}.api-key-box{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;display:flex;justify-content:center;margin-bottom:20px;padding:15px;position:relative}.api-key{color:#333;font-family:monospace;font-size:18px;margin-right:10px;word-break:break-all}.copy-button{background:none;color:#2196f3;padding:5px;transition:color .2s}.copy-button:hover{color:#0d47a1}.warning-message{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin:20px 0;padding:15px;text-align:left}.warning-message p{color:#856404;margin:0}.status-message{color:#2196f3;margin:20px 0;min-height:24px}.signup-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Big Shoulders,sans-serif;font-size:18px;letter-spacing:.5px;margin-top:20px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.signup-button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.signup-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.signup-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#2196f3;border-radius:50%;height:40px;margin-bottom:20px;width:40px}.signup-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;margin:20px 0;padding:20px}.retry-button{background:linear-gradient(135deg,#dc3545,#c82333);margin-top:15px}@media (max-width:768px){.signup-card{padding:25px;width:90%}.signup-title{font-size:28px}.api-key{font-size:16px}.warning-message{padding:12px}.signup-button{font-size:16px;padding:10px 20px}}@media (max-width:480px){.signup-card{padding:20px;width:95%}.signup-title{font-size:24px}.api-key{font-size:14px}.warning-message{padding:10px}.warning-message p{font-size:13px}.signup-button{font-size:14px;padding:8px 16px}}@media (max-width:768px){.modal-content{max-width:400px;padding:15px;width:90%}.modal-header h2{font-size:18px}.modal-body{padding:10px 0}.modal-footer{padding:6px}.modal-footer button{font-size:16px;padding:8px 15px}}@media (max-width:480px){.modal-content{padding:10px;width:95%}.modal-header h2{font-size:16px}.time-selector{flex-direction:column;gap:10px}.time-selector-group{width:100%}}.history-container{margin:0 auto;max-width:1500px;padding:20px}.history-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;overflow:hidden;width:100%}.history-table td,.history-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.history-table th{background-color:#f8f9fa;color:#666;font-size:14px;font-weight:500}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background-color:#f5f5f5}.extend-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Big Shoulders;font-size:15px;font-weight:500;letter-spacing:.6px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.extend-button:hover{box-shadow:0 2px 5px #2196f34d;transform:translateY(-1px)}.empty-history-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;padding:40px;text-align:center}.history-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.history-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2196f3;height:30px;width:30px}@media (max-width:1540px){.history-container{padding:10px}.history-table{display:block}.history-table thead{display:none}.history-table tbody{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.history-table tr{border:1px solid #eee;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:block;margin-bottom:15px;padding:10px;position:relative;width:400px}.history-table td{align-items:center;border-bottom:none;display:flex;font-size:13px;padding:5px 0}.history-table td:before{color:#666;content:attr(data-label);font-weight:500;margin-right:10px;min-width:80px;width:30%}.truncate{max-width:200px;white-space:nowrap}.extend-button{font-size:12px;padding:5px 10px}.quality-bar{background-color:#f8f9fa;border-radius:9px;height:18px;overflow:hidden;position:relative;width:100%}.quality-fill{left:0;top:0;transition:width .3s ease}.quality-fill,.quality-text{height:100%;position:absolute}.quality-text{align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:center;width:100%;z-index:1}}@media (max-width:480px){.history-container{padding:5px}.history-table td{font-size:12px}.history-table td:before{min-width:70px}.extend-button{font-size:14px;padding:4px 8px}.history-table tr{width:100%}}.support-page{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:3rem 2rem}.support-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:600px;padding:3rem;text-align:center;width:100%}.support-title{color:#333;font-family:Big Shoulders,sans-serif;font-size:36px;font-weight:700;letter-spacing:.5px;margin-bottom:2rem}.contact-card{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:10px;display:flex;flex-direction:column;margin-bottom:2rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;box-shadow:0 4px 10px #2196f34d;color:#fff;display:flex;height:70px;justify-content:center;margin-bottom:1.5rem;width:70px}.contact-icon svg{height:35px;width:35px}.contact-info h2{color:#333;font-family:Big Shoulders,sans-serif;font-size:24px;font-weight:600;margin-bottom:1rem}.contact-label{color:#666;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.contact-value{background:#2196f31a;border-radius:5px;color:#2196f3;display:inline-block;font-family:monospace;font-size:20px;font-weight:500;padding:10px 20px}.support-message{color:#666;line-height:1.6}.support-message p{margin-bottom:1rem}.support-message p:last-child{margin-bottom:0}@media (max-width:768px){.support-page{padding:1rem .5rem}.support-container{padding:1.5rem 1rem}.support-title{font-size:28px}.contact-card{padding:1.5rem 1rem}.contact-icon{height:60px;width:60px}.contact-info h2{font-size:20px}.contact-value{font-size:16px;padding:8px 15px}}@media (max-width:480px){.support-page{padding:.5rem .25rem}.support-container{width:244px}.support-title{font-size:24px}.contact-card{padding:1rem .75rem}.contact-icon{height:50px;width:50px}.contact-icon svg{height:25px;width:25px}.contact-info h2{font-size:18px}.contact-value{font-size:14px;padding:6px 12px;word-break:break-all}}.copy-email{cursor:pointer;position:relative;transition:all .2s ease}.copy-email:hover{background:#2196f333;transform:translateY(-2px)}.copy-email:active{transform:translateY(0)}.copy-email:after{background:#000000b3;border-radius:4px;bottom:-30px;color:#fff;content:"Click to copy";font-size:12px;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden}.copy-email:hover:after{opacity:1;visibility:visible}.copy-message{animation:fadeIn .3s ease-out;background-color:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:14px;margin-top:10px;padding:8px 12px}.news-page{margin:0 auto;max-width:1200px;padding:3rem 2rem}.news-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;padding:3rem;width:100%}.news-title{color:#333;font-family:Big Shoulders,sans-serif;font-size:36px;font-weight:700;letter-spacing:.5px;margin-bottom:2rem;text-align:center}.news-list{gap:2rem}.news-item{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:10px;padding:2rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.news-item:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-3px)}.news-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.news-item-title{color:#333;font-family:Big Shoulders,sans-serif;font-size:24px;font-weight:600;margin:0}.news-date{background:#0000000d;border-radius:20px;color:#666;font-size:14px;padding:4px 10px}.news-content{color:#555;font-size:16px;line-height:1.6}.important-badge{background:#f44336;border-radius:20px;box-shadow:0 2px 5px #f443364d;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:5px 15px;position:absolute;right:20px;top:-10px}.no-news{padding:3rem}.loading-spinner{min-height:300px}.spinner{height:40px;width:40px}@media (max-width:768px){.news-page{padding:1rem .5rem}.news-container{padding:1.5rem 1rem}.news-title{font-size:28px}.news-item{padding:1.5rem 1rem}.news-item-title{font-size:20px}.news-content{font-size:14px}}@media (max-width:480px){.news-page{padding:.5rem .25rem}.news-container{padding:1rem .75rem}.news-title{font-size:24px}.news-item{padding:1rem .75rem}.news-item-title{font-size:18px}.news-content{font-size:13px}.news-date{font-size:12px}}.admin-news-page{margin:0 auto;max-width:1200px;padding:3rem 2rem}.admin-login-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;margin:0 auto;max-width:500px;padding:3rem;text-align:center;width:100%}.admin-login-container h1{color:#333;font-family:Big Shoulders,sans-serif;font-size:32px;font-weight:700;margin-bottom:2rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-login-form .form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.admin-login-form label{color:#333;font-weight:500}.admin-login-form input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px}.login-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:all .2s}.login-button:hover{box-shadow:0 4px 12px #2196f333;transform:translateY(-2px)}.admin-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;padding:3rem;width:100%}.admin-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-header h1{color:#333;font-family:Big Shoulders,sans-serif;font-size:32px;font-weight:700;margin:0}.add-news-section{margin-bottom:3rem}.add-news-section h2{color:#333;font-family:Big Shoulders,sans-serif;font-size:24px;font-weight:600;margin-bottom:1.5rem}.news-form{background:#f8f9fa;border-radius:8px;gap:1.5rem;padding:2rem}.form-group,.news-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:16px;padding:12px}.form-group textarea{min-height:120px;resize:vertical}.checkbox-group{align-items:center;flex-direction:row;gap:10px}.checkbox-group input{height:20px;width:20px}.submit-button:hover{box-shadow:0 4px 12px #2196f333;transform:translateY(-2px)}.error-message{background-color:#ffebee;color:#c62828}.error-message,.success-message{border-radius:6px;font-size:14px;padding:12px}.success-message{background-color:#e8f5e9;color:#2e7d32}.existing-news-section h2{color:#333;font-family:Big Shoulders,sans-serif;font-size:24px;font-weight:600;margin-bottom:1.5rem}.news-list{display:flex;flex-direction:column;gap:1.5rem}.admin-news-item{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:8px;padding:1.5rem;position:relative}.admin-news-item .news-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-news-item h3{color:#333;font-family:Big Shoulders,sans-serif;font-size:20px;font-weight:600;margin:0}.admin-news-item .news-date{background:#0000000d;border-radius:20px;color:#666;font-size:14px;padding:4px 10px}.admin-news-item .news-content{color:#555;line-height:1.6;margin-bottom:1rem}.important-tag{background:#f44336;border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-right:10px;padding:4px 10px}.delete-button{background:#f44336;border:none;border-radius:4px;bottom:15px;color:#fff;cursor:pointer;padding:6px 12px;position:absolute;right:15px;transition:all .2s}.delete-button:hover{background:#d32f2f}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.spinner{border-top-color:#2196f3;height:30px;margin-bottom:1rem;width:30px}.no-news{color:#666;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.admin-news-page{padding:2rem 1rem}.admin-container{padding:2rem 1.5rem}.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.news-form{padding:1.5rem}}.terms-page{margin:0 auto;max-width:1200px;padding:1rem}.terms-container,.terms-page{box-sizing:border-box;width:100%}.terms-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden;padding:1.5rem}.terms-title{color:#333;font-family:Big Shoulders,sans-serif;font-size:36px;font-weight:700;letter-spacing:.5px;margin-bottom:2rem;text-align:center}.terms-navigation{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.terms-navigation ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.terms-navigation li{border-radius:4px;color:#666;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.terms-navigation li:hover{background:#f5f5f5;color:#333}.terms-navigation li.active{background:#2196f3;color:#fff}.terms-content{line-height:1.6}.terms-content section{display:none;margin-bottom:2rem}.terms-content section.active{animation:fadeIn .3s ease-in-out;display:block}.terms-content h2{border-bottom:2px solid #2196f3;display:inline-block;font-size:28px;margin-bottom:1.5rem;padding-bottom:.5rem}.terms-content h2,.terms-content h3{color:#333;font-family:Big Shoulders,sans-serif;font-weight:600}.terms-content h3{font-size:22px;margin:1.5rem 0 1rem}.terms-content h4{color:#333;font-size:18px;font-weight:600;margin:1.5rem 0 1rem}.terms-content p{color:#555;margin-bottom:1rem}.terms-content ol,.terms-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.terms-content li{color:#555;margin-bottom:.5rem}.important-note{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin:1.5rem 0;padding:1rem}.important-note p{margin-bottom:.5rem}.important-note ul{margin-bottom:0}.faq-item{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.faq-item:last-child{border-bottom:none}.faq-item h3{color:#2196f3;font-weight:600;margin-bottom:.5rem}.proxy-types{list-style:none;padding-left:0}.proxy-types li{align-items:center;display:flex;margin-bottom:.75rem}.icon{border-radius:50%;display:inline-block;height:24px;margin-right:10px;width:24px}.icon.mobile{background-color:#ff9800}.icon.router{background-color:#4caf50}.icon.datacenter{background-color:#2196f3}@media (max-width:768px){.terms-page{min-width:0;padding:.5rem}.terms-container{border-radius:8px;padding:1rem}.terms-title{font-size:24px;margin-bottom:1rem}.terms-navigation{-webkit-overflow-scrolling:touch;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem}.terms-navigation ul{flex-wrap:nowrap;gap:.5rem;width:max-content}.terms-navigation li{font-size:13px;padding:.4rem .8rem;white-space:nowrap}.terms-content h2{display:block;font-size:20px;width:100%}.terms-content h3{font-size:18px}.terms-content li,.terms-content p{font-size:14px}.terms-content ol,.terms-content ul{padding-left:1rem}}@media (max-width:480px){.terms-page{padding:.25rem}.terms-container{border-radius:6px;padding:.75rem}.terms-title{font-size:20px}.terms-navigation li{font-size:12px;padding:.3rem .6rem}.terms-content h2{font-size:18px;margin-bottom:1rem;padding-bottom:.3rem}.terms-content h3{font-size:16px;margin:.75rem 0 .5rem}.terms-content h4{font-size:14px;margin:.75rem 0 .5rem}.terms-content li,.terms-content p{font-size:13px;margin-bottom:.75rem}.important-note{margin:.75rem 0;padding:.5rem}.faq-item{margin-bottom:1rem;padding-bottom:.5rem}}@media (max-width:320px){.terms-container{padding:.5rem}.terms-title{font-size:18px}.terms-navigation li{font-size:11px;padding:.25rem .4rem}.terms-content h2{font-size:16px}.terms-content h3{font-size:14px}.terms-content li,.terms-content p{font-size:12px}}.purchase-complete-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.purchase-complete-modal{animation:fadeIn .3s;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.purchase-complete-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.purchase-complete-modal-header h2{color:#333;font-size:20px;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.close-button:hover{color:#333}.purchase-complete-modal-content{padding:20px}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#2196f3;border-radius:50%;height:36px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#d32f2f;padding:20px;text-align:center}.status-message{font-weight:500;margin-bottom:20px;text-align:center}.proxies-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.proxy-item{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s}.proxy-item.active{background-color:#e3f2fd;border-left:3px solid #2196f3}.proxy-item.pending{background-color:#fff8e1;border-left:3px solid #ffc107}.proxy-info{display:flex;flex-direction:column;gap:3px}.proxy-ip{font-size:16px;font-weight:500}.proxy-location{color:#666;font-size:14px}.proxy-status{font-size:12px;font-weight:500}.status-connected{color:#4caf50}.status-pending{color:#ff9800}.copy-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 15px;transition:all .2s}.copy-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.all-activated-message{background-color:#e8f5e9;border-radius:6px;margin-top:20px;padding:15px;text-align:center}.close-button-big{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 20px;transition:all .2s}.close-button-big:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.purchase-complete-modal{max-width:95%;width:95%}.proxy-item{align-items:flex-start;flex-direction:column;gap:10px}.copy-button{align-self:flex-end}}.landing-page{color:#333;font-family:Nunito,Arial,sans-serif;line-height:1.6}.hero-section{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:100px 20px;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-content h1{font-family:Big Shoulders,sans-serif;font-size:4rem;font-weight:900;margin-bottom:20px}.hero-content h2{font-size:2rem;font-weight:600;margin-bottom:20px}.hero-content p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;gap:20px;justify-content:center}.btn-primary,.btn-secondary{border-radius:30px;font-size:18px;font-weight:600;padding:15px 35px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#54b3a8,#6c92b9);border:none}.btn-primary:hover{box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.features-section{background-color:#f9f9f9;padding:80px 20px}.features-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;flex:1 1;max-width:350px;min-width:300px;padding:30px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{color:#2196f3;font-size:40px;margin-bottom:20px}.feature-card h3{color:#333;font-size:24px;margin-bottom:15px}.feature-card p{color:#666}.articles-section{padding:80px 20px}.articles-section h2{color:#333;font-size:32px;margin-bottom:50px;text-align:center}.articles-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}.article-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;flex:1 1;max-width:350px;min-width:300px;transition:transform .3s ease}.article-card:hover{transform:translateY(-10px)}.article-image{height:200px;overflow:hidden}.article-content{padding:25px}.article-content h3{font-size:22px;margin-bottom:15px}.read-more{display:inline-block;font-weight:600;position:relative}.read-more:after{background:#2196f3;bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.read-more:hover:after{width:100%}.pricing-section{background-color:#f9f9f9;padding:80px 20px}.pricing-section h2{color:#333;font-size:32px;margin-bottom:50px;text-align:center}.pricing-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;flex:1 1;max-width:350px;min-width:280px;padding:40px 30px;position:relative;text-align:center;transition:transform .3s ease}.pricing-card:hover{transform:translateY(-10px)}.pricing-card.featured{border:2px solid #2196f3;transform:scale(1.05);z-index:1}.pricing-card.featured:hover{transform:scale(1.05) translateY(-10px)}.pricing-header{margin-bottom:30px}.pricing-header h3{font-size:24px;margin-bottom:15px}.price{color:#2196f3;font-size:36px;font-weight:700}.price span{color:#666;font-size:18px;font-weight:400}.pricing-features{margin-bottom:30px}.pricing-features ul{list-style:none;margin:0;padding:0}.pricing-features li{border-bottom:1px solid #eee;padding:10px 0}.pricing-features li:last-child{border-bottom:none}.pricing-button{background:linear-gradient(135deg,#54b3a8,#6c92b9);border-radius:30px;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.pricing-button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.landing-footer{background:#1e3c72;color:#fff;padding:60px 20px 20px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto 40px;max-width:1200px}.footer-logo{font-family:Big Shoulders,sans-serif;font-size:28px;font-weight:700}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:1}.footer-social{display:flex;gap:15px}.footer-social a{color:#fff;font-size:24px;opacity:.8;transition:all .3s ease}.footer-social a:hover{opacity:1;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff1a;margin:0 auto;max-width:1200px;padding-top:20px;text-align:center}.footer-bottom p{font-size:14px;opacity:.6}@media (max-width:768px){.hero-content h1{font-size:3rem}.hero-content h2{font-size:1.5rem}.hero-buttons{align-items:center;flex-direction:column}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-10px)}.footer-content{align-items:center;flex-direction:column;gap:30px;text-align:center}}@media (max-width:480px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.article-card,.feature-card,.pricing-card{min-width:100%}}.intro-section{background-color:#fff;padding:60px 20px}.intro-container{margin:0 auto;max-width:800px;text-align:center}.intro-container h2{color:#333;font-size:32px;margin-bottom:20px}.intro-container p{color:#555;font-size:18px;line-height:1.7}.use-cases-section{background-color:#f5f8fa;padding:80px 20px}.use-cases-section h2{color:#333;font-size:32px;margin-bottom:10px;text-align:center}.use-cases-subtitle{color:#666;font-size:18px;margin-bottom:50px;text-align:center}.use-cases-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.use-case-item{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:30px;transition:transform .3s ease}.use-case-item:hover{transform:translateY(-10px)}.use-case-item h3{color:#2a5298;font-size:22px;margin-bottom:15px}.use-case-item p{color:#555;margin-bottom:20px}.platforms{display:flex;flex-wrap:wrap;gap:10px}.platforms span{background:#2196f31a;border-radius:20px;color:#2196f3;font-size:14px;font-weight:500;padding:5px 12px}.faq-section{background-color:#fff;padding:80px 20px}.faq-section h2{color:#333;font-size:32px;margin-bottom:50px;text-align:center}.faq-container{margin:0 auto;max-width:800px}.faq-item{border:1px solid #eee;border-radius:8px;margin-bottom:15px;overflow:hidden}.faq-question{align-items:center;background-color:#f9f9f9;color:#333;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:20px;transition:background-color .3s ease}.faq-item.active .faq-question{background-color:#e3f2fd;color:#1976d2}.faq-question:hover{background-color:#f0f0f0}.faq-icon{color:#777;font-size:20px}.faq-item.active .faq-icon{color:#1976d2}.faq-answer{color:#555;line-height:1.6;padding:15px 20px 5px}.faq-answer p{margin:0}.contact-section{background-color:#f5f8fa;padding:80px 20px;text-align:center}.contact-section h2{color:#333;font-size:32px;margin-bottom:15px}.contact-section p{color:#555;font-size:18px;margin-bottom:30px}.contact-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact-button{align-items:center;background:linear-gradient(135deg,#54b3a8,#6c92b9);border-radius:30px;color:#fff;display:inline-flex;font-weight:600;gap:10px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.contact-button i{font-size:20px}.contact-button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}@media (max-width:768px){.intro-container h2{font-size:26px}.intro-container p{font-size:16px}.use-cases-section h2{font-size:26px}.use-cases-subtitle{font-size:16px}.contact-section h2,.faq-section h2{font-size:26px}.contact-section p{font-size:16px}}@media (max-width:480px){.use-cases-grid{grid-template-columns:1fr}.contact-buttons{flex-direction:column}}.proxy-benefits-section{background-color:#f5f8fa;padding:80px 20px}.proxy-benefits-section h2{color:#333;font-size:32px;margin-bottom:15px;text-align:center}.benefits-subtitle{color:#666;font-size:18px;margin-bottom:50px;text-align:center}.benefits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 60px;max-width:1200px}.benefit-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:35px 25px;text-align:center;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-10px)}.benefit-icon{color:#2196f3;font-size:40px;margin-bottom:20px}.benefit-card h3{color:#333;font-size:22px;margin-bottom:15px}.benefit-card p{color:#666;line-height:1.6}.pricing-highlight{margin:0 auto 60px;max-width:1000px}.pricing-highlight-content{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;box-shadow:0 10px 30px #1e3c7233;color:#fff;padding:40px;text-align:center}.pricing-highlight-header{margin-bottom:40px}.pricing-highlight-header h3{font-size:28px;margin-bottom:10px}.pricing-highlight-header p{font-size:16px;opacity:.9}.pricing-highlight-features{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-bottom:40px}.highlight-feature{flex:1 1;max-width:200px;min-width:120px}.highlight-value{font-size:36px;font-weight:700;margin-bottom:5px}.highlight-label{font-size:14px;opacity:.9}.pricing-highlight-button{background:#fff;border-radius:30px;color:#1e3c72;display:inline-block;font-size:16px;font-weight:600;padding:14px 40px;text-decoration:none;transition:all .3s ease}.pricing-highlight-button:hover{box-shadow:0 5px 15px #fff3;transform:translateY(-3px)}.use-cases-container{margin:0 auto;max-width:1000px;text-align:center}.use-cases-title{color:#333;font-size:24px;margin-bottom:30px}.use-cases-wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.use-case{align-items:center;background:#fff;border-radius:50px;box-shadow:0 3px 10px #0000000a;display:flex;gap:10px;padding:12px 25px;transition:all .3s ease}.use-case:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.use-case i{color:#2196f3}.use-case span{color:#444;font-weight:500}@media (max-width:768px){.proxy-benefits-section h2{font-size:28px}.benefits-subtitle{font-size:16px}.pricing-highlight-content{padding:30px 20px}.pricing-highlight-header h3{font-size:24px}.pricing-highlight-features{gap:20px}.highlight-value{font-size:30px}}@media (max-width:480px){.pricing-highlight-content{padding:25px 15px}.pricing-highlight-features{flex-direction:column;gap:20px}.highlight-feature{min-width:100%}.use-cases-wrap{gap:10px}.use-case{font-size:13px;padding:10px 15px}}.article-page{color:#333;font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.article-header{border-bottom:1px solid #eaeaea;margin-bottom:40px;padding-bottom:30px;text-align:center}.article-icon{color:#2196f3;font-size:64px;margin-bottom:20px}.article-header h1{color:#2a2a2a;font-size:36px;font-weight:700}.article-content{font-size:16px;line-height:1.7}.article-content h2{color:#333;font-size:24px;margin-bottom:15px;margin-top:40px}.article-content h3{color:#444;font-size:20px;margin-top:30px}.article-content p{margin-bottom:20px}.article-content ol,.article-content ul{margin-bottom:20px;padding-left:20px}.article-content li{margin-bottom:10px}.article-content img{border-radius:8px;box-shadow:0 5px 15px #0000001a;height:auto;margin:30px 0;max-width:100%}.article-content .code-block{background-color:#f5f5f5;border-radius:5px;font-family:monospace;margin:20px 0;overflow-x:auto;padding:15px}.article-content .note{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin:20px 0;padding:15px}.article-content .warning{background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;margin:20px 0;padding:15px}.article-footer{border-top:1px solid #eaeaea;margin-top:60px;padding-top:40px}.other-articles h3{font-size:24px;margin-bottom:30px;text-align:center}.articles-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.article-card{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.article-image{align-items:center;background-color:#f0f0f0;display:flex;height:180px;justify-content:center}.article-content{padding:20px}.article-content h3{font-size:18px;margin-bottom:10px}.article-content p{color:#666;font-size:14px;margin-bottom:15px}.read-more{align-items:center;color:#2196f3;display:inline-flex;font-weight:500;text-decoration:none}.read-more:hover{text-decoration:underline}.read-more:after{bottom:7px;content:"→";margin-left:1px}.back-to-home{margin-top:40px;text-align:center}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}@media (max-width:768px){.article-page{padding:20px 15px}.article-header{margin-bottom:30px;padding-bottom:20px}.article-header h1{font-size:28px}.article-content h2{font-size:22px}.article-content h3{font-size:18px}.articles-container{grid-template-columns:1fr}}.setup-steps{background-color:#f9f9f9;border-radius:8px;margin:30px 0;padding:20px}.step{border-bottom:1px dashed #ddd;margin-bottom:25px;padding-bottom:20px}.step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-number{background-color:#2196f3;border-radius:50%;color:#fff;display:inline-block;font-weight:700;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.browser-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.browser-tab{background-color:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;margin-right:5px;padding:10px 20px}.browser-tab.active{background-color:#fff;border-bottom:1px solid #fff;margin-bottom:-1px}.tab-content{display:none}.tab-content.active{display:block}.account-page{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin:20px auto;max-width:450px;padding:20px;width:100%}.account-page h2{color:#333;margin-bottom:20px}.account-info{display:flex;flex-direction:column;gap:15px}.language-selector{margin-top:20px}.language-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.flag-icon{height:15px;object-fit:cover;width:20px}.language-button{align-items:center;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.language-button:hover{background-color:#e0e0e0;box-shadow:0 2px 4px #0000001a}.language-button.active{background-color:#007bff;border-color:#007bff;box-shadow:0 0 8px #007bff4d;color:#fff;font-weight:600}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-weight:500}.copyable{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;gap:10px;padding:10px}.copyable span{flex-grow:1;word-break:break-all}.copyable button{background:none;border:none;color:#2196f3;cursor:pointer;transition:color .2s}.copyable button:hover{color:#1976d2}@media (max-width:480px){.account-page{margin:0;padding:15px}}
/*# sourceMappingURL=main.e2f0e7bf.css.map*/