.register-form{max-width:400px;margin:2rem auto;padding:2.5rem;background:var(--color-card-bg);border-radius:12px;box-shadow:0 4px 6px #0000001a}.register-form .form-title{text-align:center;margin-bottom:2rem;color:var(--color-text);font-size:1.8rem;font-weight:600}.register-form .form-group{margin-bottom:1.5rem}.register-form .form-label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.register-form .form-input{width:100%;padding:.875rem;border:2px solid var(--color-input-border);border-radius:8px;font-size:1rem;transition:all var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);background-color:var(--color-input-bg)}.register-form .form-input:focus{outline:none;border-color:#007bff;background-color:var(--color-card-bg);box-shadow:0 0 0 3px #007bff1a}.register-form .form-input::placeholder{color:#adb5bd}.register-form .submit-button{width:100%;padding:.875rem;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);margin-top:1rem}.register-form .submit-button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.register-form .submit-button:active{transform:translateY(0)}.register-form .submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.register-form .error-message{color:#dc3545;margin:1rem 0;padding:.75rem;background-color:#fff5f5;border-radius:6px;font-size:.9rem;text-align:center;border:1px solid #ffcdd2}.register-form .form-footer{margin-top:1.5rem;text-align:center;color:var(--color-text-secondary);font-size:.95rem}.register-form .form-footer a{color:#007bff;text-decoration:none;font-weight:500;transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.register-form .form-footer a:hover{color:#0056b3;text-decoration:underline}.login-form{max-width:400px;margin:2rem auto;padding:2.5rem;background:var(--color-card-bg);border-radius:12px;box-shadow:0 4px 6px #0000001a}.login-form .form-title{text-align:center;margin-bottom:2rem;color:var(--color-text);font-size:1.8rem;font-weight:600}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.login-form .form-input{width:100%;padding:.875rem;border:2px solid var(--color-input-border);border-radius:8px;font-size:1rem;transition:all var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);background-color:var(--color-input-bg)}.login-form .form-input:focus{outline:none;border-color:#007bff;background-color:var(--color-card-bg);box-shadow:0 0 0 3px #007bff1a}.login-form .form-input::placeholder{color:#adb5bd}.login-form .submit-button{width:100%;padding:.875rem;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);margin-top:1rem}.login-form .submit-button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.login-form .submit-button:active{transform:translateY(0)}.login-form .submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.login-form .error-message{color:#dc3545;margin:1rem 0;padding:.75rem;background-color:#fff5f5;border-radius:6px;font-size:.9rem;text-align:center;border:1px solid #ffcdd2}.login-form .form-footer{margin-top:1.5rem;text-align:center;color:var(--color-text-secondary);font-size:.95rem}.login-form .form-footer a{color:#007bff;text-decoration:none;font-weight:500;transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.login-form .form-footer a:hover{color:#0056b3;text-decoration:underline}.search-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-input-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:8px;background-color:var(--color-card-bg);color:var(--color-text)}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-input::placeholder{color:#999}.coin-card{background-color:var(--color-card-bg);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);padding:15px;margin-top:15px;position:relative}.coin-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--color-shadow)}.coin-card .coin-link{text-decoration:none;color:var(--color-text)}.coin-card .coin-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.coin-card .coin-image{width:32px;height:32px;object-fit:contain}.coin-card .coin-header-info{flex:1}.coin-card .coin-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.coin-card .coin-symbol{font-size:.9rem;color:var(--color-text-secondary)}.coin-card .coin-rank{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-secondary);margin-left:auto}.coin-card .coin-price{margin:.5rem 0;font-size:1.2rem;font-weight:600;color:var(--color-text)}.coin-card .coin-price .label{color:var(--color-text-secondary);margin-right:.5rem}.coin-card .coin-change{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.coin-card .favorite-button{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;transition:transform var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.coin-card .favorite-button:hover{transform:scale(1.1)}.loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loader{border:6px solid #e2e2e2;border-top:6px solid #6366f1;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more-container{display:flex;margin-top:30px}.load-more-button{display:inline-block;min-width:180px;padding:.875rem 2rem;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);margin:0 auto;box-shadow:none}.load-more-button:hover{background:var(--color-primary);color:var(--color-bg-primary);box-shadow:0 4px 12px var(--color-input-border);transform:translateY(-2px);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.load-more-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.coin-item{margin-top:20px;background:var(--color-card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;display:flex;align-items:center;gap:1.5rem;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.coin-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.coin-item a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:1.5rem;flex:1}.coin-item img{width:60px;height:60px;object-fit:contain}.coin-item h2{margin:0;font-size:1.2rem;color:var(--color-text)}.coin-item p{margin:.5rem 0 0;color:var(--color-text-secondary)}.favorite-button{background:none;border:none;font-size:1.8rem;cursor:pointer;padding:.5rem;color:gold;transition:transform var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.favorite-button:hover{transform:scale(1.1)}.crypto-chart{background-color:var(--color-card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:2rem}.crypto-chart .chart-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.crypto-chart .chart-period-button{background-color:var(--color-bg-alt);color:var(--color-text);padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.crypto-chart .chart-period-button:hover,.crypto-chart .chart-period-button.active{background-color:var(--color-bg-secondary);border-color:var(--color-text)}.coin-details-page{padding:20px;max-width:1200px;margin:0 auto}.coin-details-page .coin-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.coin-details-page .coin-image-large{width:100px;height:100px;object-fit:contain}.coin-details-page .coin-title{display:flex;align-items:center;gap:15px}.coin-details-page .coin-title h1{margin:0;font-size:2rem;color:var(--color-text)}.coin-details-page .favorite-button{background:none;border:none;font-size:2rem;cursor:pointer;padding:5px;color:gold;transition:transform var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.coin-details-page .favorite-button:hover{transform:scale(1.1)}.coin-details-page .coin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.coin-details-page .stat-card{background:var(--color-bg-alt);margin-top:15px;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.coin-details-page .stat-card h3{margin:0 0 10px;color:var(--color-text-secondary);font-size:1.1rem}.coin-details-page .stat-card .stat-value{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.coin-details-page .coin-description{background:var(--color-card-bg);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.coin-details-page .coin-description h2{margin:0 0 15px;color:var(--color-text)}.coin-details-page .coin-description .description-content{line-height:1.6;color:var(--color-text)}.coin-details-page .error{text-align:center;padding:20px;color:#dc3545;font-size:1.2rem}.coin-details-page .no-data{text-align:center;padding:20px;color:var(--color-text-secondary);font-size:1.2rem}.navbar{background-color:var(--color-nav-bg);padding:30px 70px;display:flex;justify-content:space-around;align-items:center}.nav-links{display:flex;gap:15px}.nav-link{color:var(--color-nav-text);padding:.5rem 1rem;border-radius:4px;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.nav-link:hover,.nav-link.active{background-color:var(--color-nav-text);color:var(--color-bg-primary)}.user-info{display:flex;align-items:center;gap:1rem;color:var(--color-nav-text)}.logout-button{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.logout-button:hover{background-color:#c82333}.navbar-controls{display:flex;gap:15px}.navbar-controls button{background-color:transparent;color:var(--color-nav-text);border:1px solid var(--color-nav-text);padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.navbar-controls button:hover,.navbar-controls button.active{background-color:var(--color-nav-text);color:var(--color-bg-primary)}.footer{background-color:var(--color-nav-bg);color:var(--color-nav-text);text-align:center;padding:1rem;bottom:0;width:100%}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#343a40;background-color:#f8f9fa}h1,h2,h3,h4,h5,h6{margin-bottom:24px;font-weight:500;line-height:1.2}p{margin-bottom:24px}a{color:#007bff;text-decoration:none}ul,ol{margin-bottom:24px;padding-left:32px}img{max-width:100%;height:auto}input,button,textarea,select{font:inherit;margin:0}button{cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.content-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:80vh}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--color-text-secondary)}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:500}.footer{padding:32px 0;background-color:#343a40;color:#fff}.footer__container{display:flex;align-items:center;justify-content:space-between}.footer__copyright{font-size:.875rem}.footer__links{display:flex;align-items:center;justify-content:center;gap:24px}:root{--light-color: #f8f9fa;--dark-color: #212529;--secondary-color: #6c757d;--border-color: #dee2e6;--transition-base: .3s ease;--transition-fast: .15s ease;--transition-slow: .5s ease;--color-bg-primary: var(--light-color);--color-bg-secondary: #ffffff;--color-bg-alt: #f8f9fa;--color-text: var(--dark-color);--color-text-secondary: var(--secondary-color);--color-border: var(--border-color);--color-shadow: rgba(0 0 0 / .1);--color-card-bg: #ffffff;--color-input-bg: #ffffff;--color-input-border: var(--border-color);--color-nav-bg: #ffffff;--color-nav-text: var(--dark-color);--color-primary: var(--dark-color)}[data-theme=dark]{--color-bg-primary: var(--dark-color);--color-bg-secondary: color-mix(in srgb, var(--dark-color) 60%, #ffffff 40%);--color-bg-alt: color-mix(in srgb, var(--dark-color) 95%, #ffffff 5%);--color-text: var(--light-color);--color-text-secondary: color-mix(in srgb, var(--secondary-color) 80%, #ffffff 20%);--color-border: color-mix(in srgb, var(--dark-color) 80%, #ffffff 20%);--color-shadow: rgba(0 0 0 / .3);--color-card-bg: color-mix(in srgb, var(--dark-color) 90%, #ffffff 10%);--color-input-bg: color-mix(in srgb, var(--dark-color) 95%, #ffffff 5%);--color-input-border: color-mix(in srgb, var(--dark-color) 80%, #ffffff 20%);--color-nav-bg: color-mix(in srgb, var(--dark-color) 95%, #ffffff 5%);--color-nav-text: var(--light-color);--color-primary: #ffffff}body{background-color:var(--color-bg-primary);color:var(--color-text)}body,.navbar,.nav-link,.user-info,.logout-button,.navbar-controls button,.coin-card,.coin-item,.favorite-button,.form-input,.search-input,.submit-button,.load-more-button,.chart-period-button,.stat-card,.coin-description,.footer,.top-crypto-list,.search-bar,.register-form,.login-form,.favorite-coin-item,.crypto-details,.crypto-chart,.chart-container,.chart-controls,.chart-period,.coin-stats,.coin-info,.coin-price,.coin-change,.coin-market-cap,.coin-volume,.coin-supply,.coin-rank,.coin-symbol,.coin-name,.coin-price-change,.coin-price-current,.coin-price-change-percent,.coin-price-change-amount,.coin-price-change-label,.coin-price-change-value,.coin-price-change-symbol,.coin-price-change-direction,.coin-price-change-icon,.coin-price-change-text,.coin-price-change-number,.coin-price-change-decimal,.coin-price-change-fraction,.coin-price-change-whole,.coin-price-change-cents,.coin-price-change-dollars,.coin-price-change-sign,.coin-price-change-arrow,.coin-price-change-indicator,.coin-price-change-badge,.coin-price-change-chip,.coin-price-change-tag{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}