@media (max-width:768px) {.container {padding:0 10px;}.desktop-header {display:none;}.mobile-header {display:flex;position:fixed;top:0;left:0;right:0;height:60px;background:rgb(55,96,244);align-items:center;justify-content:space-between;padding:0 1rem;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);}.mobile-header__toggle {background:none;border:none;padding:0.5rem;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all 0.3s ease;order:1;align-items:center;justify-content:center;height:60px;flex-shrink:0;width:60px;}.mobile-header__center {display:flex;align-items:center;justify-content:flex-end;flex:1;order:2;}.mobile-header__right {display:flex;align-items:center;gap:0.75rem;order:3;flex-shrink:0;}.mobile-header__right > *:not(:last-child)::after {content:'|';color:rgba(255,255,255,0.6);margin-left:0.75rem;font-size:0.9rem;font-weight:300;}.mobile-header__logo {height:40px;width:auto;display:block;}.mobile-header__btn {background:transparent;color:white;padding:0.4rem 0.8rem;border-radius:3px;font-size:0.85rem;cursor:pointer;transition:all 0.3s ease;border:none;}.mobile-header__btn:hover {background:rgba(255,255,255,0.1);}.login-btn {border:none !important;background:transparent !important;}.login-btn:hover {background:rgba(255,255,255,0.1) !important;}.signup-btn {background:rgba(255,255,255,0.15) !important;border:1px solid rgba(255,255,255,0.6) !important;font-weight:500;}.signup-btn:hover {background:rgba(255,255,255,0.25) !important;border-color:rgba(255,255,255,0.8) !important;}.hamburger-line {width:24px;height:2px;background:white;border-radius:1px;transition:all 0.3s ease;}.mobile-header__toggle.active .hamburger-line:nth-child(1) {transform:rotate(45deg) translate(6px,6px);}.mobile-header__toggle.active .hamburger-line:nth-child(2) {opacity:0;}.mobile-header__toggle.active .hamburger-line:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px);}.mobile-nav-overlay {display:block;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;opacity:1;visibility:visible;transition:all 0.3s ease;}.mobile-nav-overlay.hidden {opacity:0;visibility:hidden;pointer-events:none;}.mobile-nav-content {background:white;margin:0.5rem;margin-left:0.5rem;margin-right:auto;width:200px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);overflow:hidden;transform:translateY(0);transition:transform 0.3s ease;}.mobile-nav-overlay.hidden .mobile-nav-content {transform:translateY(-20px);}.mobile-nav-list {list-style:none;margin:0;padding:0;}.mobile-nav-list li {border-bottom:1px solid #f0f0f0;}.mobile-nav-list li:last-child {border-bottom:none;}.mobile-nav-link {display:block;padding:0.75rem 1rem;color:#333;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;}.mobile-nav-link:hover {background:#f8f9fa;color:rgb(55,96,244);}.mobile-nav-overlay.hidden {opacity:0 !important;visibility:hidden !important;pointer-events:none !important;}body {padding-top:60px;overflow-x:hidden;}.container {max-width:100vw;overflow-x:hidden;}.carousel-section {height:350px;background:#f8f9fa;}.carousel-slide {transition:opacity 0.5s ease-in-out;}.slide-content {text-align:center;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}.slide-text {max-width:100%;padding:1.5rem;}.slide-title {font-size:1.8rem;margin-bottom:0.5rem;line-height:1.3;}.slide-subtitle {font-size:1rem;margin-bottom:1.5rem;}.action-buttons {justify-content:center;gap:0.5rem;flex-wrap:wrap;}.btn-primary,.btn-secondary {padding:0.6rem 1.2rem;font-size:0.9rem;min-width:120px;}.carousel-prev,.carousel-next {display:none;}.carousel-indicators {bottom:20px;gap:8px;}.indicator {width:30px;height:3px;}.quick-entry-section {padding:0.75rem 0;background:rgb(255,255,255);}.quick-entry-grid {grid-template-columns:repeat(2,1fr);gap:0.25rem;max-width:100%;}.quick-entry-card {padding:0.75rem 0.5rem;background:rgb(255,255,255);}.quick-entry-card:hover {background:rgb(248,250,254);}.quick-entry-card:hover h3 {color:rgb(55,96,244);}.quick-entry-card h3 {font-size:0.85rem;margin-bottom:0.2rem;}.quick-entry-card p {font-size:0.7rem;}.main-content {padding:2rem 0 0 0;margin-bottom:0;}.member-pricing-section {padding:0;margin:0;border-radius:0;background:rgb(249,250,255);}.gpu-ranking-section,.features-section {padding:1rem;margin-bottom:0;border-radius:0;margin-left:-10px;margin-right:-10px;}.section-header {flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:1.5rem;}.section-header h2 {font-size:1.3rem;}.member-pricing-section .section-title {padding:1rem 0.75rem 0 0.75rem;}.member-pricing-section .section-description {text-align:left;line-height:1.5;margin-bottom:1.5rem;padding:0 0.75rem;}.member-pricing-section .section-description p {margin:0;font-size:14px;}.member-tabs {display:flex;justify-content:space-around;margin-bottom:0;position:relative;padding:0 0.75rem;width:100%;box-sizing:border-box;}.member-tabs::after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#e1e5e9;z-index:1;}.member-tab-btn {padding:1rem 2rem;border:none;background:transparent;color:#999;border-radius:0;cursor:pointer;font-weight:500;transition:all 0.3s ease;border-bottom:1px solid transparent;font-size:1rem;position:relative;z-index:2;margin-bottom:-1px;}.member-tab-btn.active {background:transparent;color:#667eea;border-bottom:1px solid #667eea;}.member-tab-btn:hover {color:#667eea;}.gpu-tabs {display:flex;justify-content:space-around;margin-bottom:0;position:relative;padding:0 1rem;width:100%;box-sizing:border-box;}.gpu-tabs::after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#e1e5e9;z-index:1;}.gpu-tab-btn {padding:1rem 2rem;border:none;background:transparent;color:#999;border-radius:0;cursor:pointer;font-weight:500;transition:all 0.3s ease;border-bottom:1px solid transparent;font-size:0.9rem;position:relative;z-index:2;margin-bottom:-1px;}.gpu-tab-btn.active {background:transparent;color:#667eea;border-bottom:1px solid #667eea;}.gpu-tab-btn:hover {color:#667eea;}.table-header {display:none;}.ranking-table {box-shadow:none;border-radius:8px;overflow:hidden;border:1px solid #e1e5e9;margin:1rem 0;}.chart-header {display:grid;grid-template-columns:60px 1fr 2fr;gap:0.5rem;padding:0.75rem 1rem;background:rgb(249,250,255);border-bottom:1px solid #e1e5e9;font-weight:600;font-size:0.85rem;color:#666;align-items:center;}.chart-row {display:grid;grid-template-columns:60px 1fr 2fr;gap:0.5rem;align-items:center;padding:1rem 1rem 1rem 0;margin-bottom:0;margin-left:0;border-radius:0;border-bottom:1px solid #e9ecef;background:white;}.chart-row:last-child {border-bottom:none;}.chart-row:hover {background:#f8f9fa;}.rank {display:flex;align-items:center;justify-content:center;width:auto;height:auto;font-size:1rem;font-weight:600;margin:0;margin-left:0;padding-left:0;background:none;color:#333;}.gpu-name {font-size:0.8rem;font-weight:600;color:#333;margin:0;line-height:1.2;display:flex;flex-direction:column;gap:1px;min-width:0;}.gpu-product {font-weight:700;color:#333;font-size:0.65rem;white-space:nowrap;max-width:100%;line-height:1.1;}.gpu-spec {font-weight:500;color:#666;font-size:0.6rem;white-space:nowrap;max-width:100%;line-height:1.1;}.performance-container {display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;}.progress-bar {height:20px;background:rgb(235,240,252);border-radius:10px;overflow:hidden;position:relative;margin:0;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;}.progress-fill {height:100%;background:linear-gradient(90deg,#4285f4 0%,#667eea 100%);border-radius:10px;position:absolute;left:0;top:0;z-index:1;}.progress-text {position:relative;z-index:2;color:rgb(242,145,73);font-size:0.65rem;font-weight:600;text-align:center;white-space:nowrap;pointer-events:none;}.performance-percentage {font-size:0.7rem;font-weight:600;color:#666;min-width:30px;text-align:right;flex-shrink:0;display:block;}.performance {display:none;}.features-grid {grid-template-columns:1fr;gap:1rem;}.feature-card {padding:1.5rem;}.feature-card h3 {font-size:1.1rem;}.footer {padding:2rem 1rem 1rem;margin-top:0;margin-bottom:0;background:rgb(45,55,72);color:white;}.footer-content {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center;margin-bottom:0;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.1);}.footer-section h4 {font-size:1rem;margin-bottom:1rem;color:white;font-weight:600;text-align:center;}.footer-section ul {display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0.75rem;list-style:none;padding:0;margin:0;}.footer-section li {margin-bottom:0;text-align:center;}.footer-section a {color:rgba(255,255,255,0.8);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease;text-align:center;}.footer-section a:hover {color:white;}.footer-qr-section {display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:2rem 0;text-align:center;padding:0;border:none;}.qr-item {display:flex;flex-direction:column;align-items:center;gap:1rem;}.qr-item h5 {font-size:0.7rem;color:white;margin:0;font-weight:500;white-space:nowrap;line-height:1.2;}.qr-code {width:120px;height:120px;border-radius:8px;display:block;}.footer-bottom {padding-top:1.5rem;font-size:0.75rem;text-align:center;color:rgba(255,255,255,0.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.footer-bottom p {margin:0;white-space:nowrap;}.member-tab-btn:active,.gpu-tab-btn:active,.btn-rent:active {transform:scale(0.98);}body {font-size:14px;}h1 {font-size:1.75rem;}h2 {font-size:1.5rem;}h3 {font-size:1.25rem;}h4 {font-size:1.1rem;}button,.btn-rent {min-height:44px;touch-action:manipulation;}input,select,textarea {font-size:16px;}.table-row {box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;}.table-row:active {transform:scale(0.98);}.price,.member-price {font-size:1.3rem;color:#28a745;font-weight:700;}.original-price {font-size:1rem;}.savings {display:inline-block;margin-top:0.5rem;padding:0.5rem 1rem;background:#dc3545;color:white;border-radius:20px;font-weight:600;}.savings::before {content:"";}.member-pricing-grid {grid-template-columns:repeat(2,1fr);gap:0;margin:1.5rem 0.75rem 1rem 0.75rem;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden;background:white;max-width:calc(100vw - 1.5rem);box-sizing:border-box;}.pricing-card {margin-bottom:0;border:none;border-radius:0;padding:0.75rem 0.5rem;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;}.pricing-card {border-right:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9;}.pricing-card:nth-child(2n):not(:last-child:nth-child(odd)) {border-right:none;}.pricing-card:last-child:nth-child(odd) {border-top:1px solid #e1e5e9;border-right:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9;}.card-header {padding:1rem;}.card-header h3 {font-size:12px;margin-bottom:0.5rem;line-height:1.2;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.performance-info {gap:0.1rem;margin-bottom:0.75rem;}.performance-row {font-size:12px;line-height:1.3;margin-bottom:0.2rem;}.performance-label {color:#6c757d;font-weight:500;}.performance-value {color:#666;font-weight:400;}.card-price {display:flex;align-items:baseline;gap:0.25rem;}.price-amount {font-size:18px;font-weight:700;color:#dc3545;}.price-unit {font-size:12px;color:#6c757d;}.member-discount {background:#ffd700;color:#d63031;padding:0.15rem 0.3rem;border-radius:6px;font-size:10px;font-weight:600;margin-left:0.3rem;}.ranking-chart {background:white;border-radius:8px;overflow:hidden;border:1px solid #e1e5e9;margin:1rem 0;}.chart-header {display:grid;grid-template-columns:60px 1fr 2fr;gap:0.5rem;padding:0.75rem 1rem;background:rgb(249,250,255);border-bottom:1px solid #e1e5e9;font-weight:600;font-size:0.85rem;color:#666;align-items:center;}.chart-row {display:grid;grid-template-columns:60px 1fr 2fr;gap:0.5rem;align-items:center;padding:1rem 1rem 1rem 0;margin-bottom:0;border-radius:0;border-bottom:1px solid #e9ecef;background:white;}.chart-row:last-child {border-bottom:none;}.chart-row:hover {background:#f8f9fa;}.rank {display:flex;align-items:center;justify-content:center;width:auto;height:auto;font-size:1rem;font-weight:600;margin:0;background:none;color:#333;padding-left:1rem;}.gpu-name {font-size:0.8rem;font-weight:600;color:#333;margin:0;line-height:1.3;}}@media (max-width:480px) {.container {padding:0 5px;}.carousel-section {height:250px;}.carousel-caption {top:15px;font-size:0.9rem;padding:0.4rem 0.8rem;}.member-pricing-section {margin:0;padding:0;background:rgb(249,250,255);}.gpu-ranking-section,.features-section {margin-left:-5px;margin-right:-5px;padding:0.75rem;margin-bottom:0;}.member-pricing-grid {grid-template-columns:repeat(2,1fr);gap:0;margin:1rem 0.5rem 0.5rem 0.5rem;max-width:calc(100vw - 1rem);}.pricing-card {padding:0.5rem 0.4rem;min-height:110px;}.card-header h3 {font-size:11px;}.performance-row {font-size:11px;}.price-amount {font-size:16px;}.price-unit {font-size:11px;}.member-discount {font-size:9px;padding:0.1rem 0.25rem;}.section-header h2 {font-size:1.2rem;}.member-tab-btn,.gpu-tab-btn {padding:0.5rem 0.75rem;font-size:0.8rem;}.table-row {padding:0.75rem;}.rank {width:50px;height:50px;line-height:40px;font-size:1.2rem;}.gpu-model {font-size:1.1rem;}.btn-rent {padding:0.6rem;font-size:0.9rem;}.footer {padding:1.5rem 0 0.75rem;margin-bottom:0;}.footer-section h4 {font-size:1rem;}.footer-section ul {gap:0.5rem;}.qr-code {width:70px;height:70px;}.quick-entry-section {padding:0.5rem 0;background:rgb(255,255,255);}.quick-entry-grid {grid-template-columns:1fr;gap:0.25rem;}.quick-entry-card {padding:0.5rem 0.25rem;background:rgb(255,255,255);}}