.main-container{padding:2rem 0}.form-label{font-size:.95rem;font-weight:600;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.form-label i{color:#667eea}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e7ff;border-radius:8px;background:#fff;transition:all .3s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-input:hover{border-color:#a5b4fc}.form-input.is-invalid{border-color:#ef4444}.form-input.is-valid{border-color:#48bb78}.input-help-text{font-size:.85rem;color:#666;margin-top:.25rem}.input-error-text{font-size:.85rem;color:#ef4444;margin-top:.25rem;display:none}.form-input.is-invalid+.input-error-text{display:block}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-custom,.btn-custom-outline{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none}.btn-custom{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-custom:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-custom-outline{background:#fff;color:#667eea;border:2px solid #667eea}.btn-custom-outline:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.btn-custom:active,.btn-custom-outline:active{transform:translateY(0)}.btn-sponsor{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff}.btn-sponsor:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.btn-sponsor:active{transform:translateY(0)}.result-section{margin-top:1rem}.result-item{padding:1rem;background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);border-radius:8px;margin-bottom:1rem;border-left:4px solid #667eea}.result-item-label{font-size:.9rem;color:#666;margin-bottom:.25rem}.result-item-value{font-size:1.8rem;font-weight:700;color:#667eea;word-break:break-word}.result-item-value.is-prime{color:#48bb78}.result-item-value.is-composite{color:#764ba2}.prime-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1rem}.prime-badge.is-prime{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff}.prime-badge.is-composite{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);color:#fff}.prime-badge.is-special{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff}.factors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;margin-top:1rem}.factor-item{padding:.5rem;background:#fff;border:2px solid #e0e7ff;border-radius:8px;text-align:center;font-weight:600;color:#667eea;transition:all .2s ease}.factor-item:hover{border-color:#667eea;transform:scale(1.05);box-shadow:0 2px 8px rgba(102,126,234,.2)}.factor-item.is-prime{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#48bb78;color:#48bb78}.prime-factorization{font-size:1.5rem;font-weight:600;color:#764ba2;padding:1rem;background:#fff;border-radius:8px;text-align:center;font-family:'Courier New',monospace;word-break:break-all}.prime-factorization sup{font-size:.8em;color:#667eea}.algorithm-steps{margin-top:1rem;display:none}.algorithm-steps.show{display:block}.algorithm-step{padding:.75rem 1rem;background:#fff;border-left:3px solid #667eea;margin-bottom:.5rem;border-radius:0 8px 8px 0;font-family:'Courier New',monospace;font-size:.9rem;color:#333}.algorithm-step-number{display:inline-block;width:30px;height:30px;background:#667eea;color:#fff;border-radius:50%;text-align:center;line-height:30px;font-weight:600;margin-right:.5rem}.algorithm-toggle{margin-top:1rem;padding:.5rem 1rem;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.algorithm-toggle:hover{background:#f0f4ff}.algorithm-toggle i{transition:transform .3s ease}.algorithm-toggle.active i{transform:rotate(180deg)}.chart-container{position:relative;height:300px;margin-top:1rem}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#667eea;color:#fff;border-radius:50%;font-size:.75rem;cursor:help;margin-left:.25rem}.performance-warning{display:none;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;border-radius:8px;margin-top:1rem}.performance-warning i{color:#f59e0b;margin-right:.5rem}.performance-warning.show{display:block}.advanced-features{margin-top:3rem}.advanced-description{font-size:1rem;color:#666;margin-top:.5rem}.prime-list-result{margin-top:1rem;padding:1rem;background:rgba(102,126,234,.05);border-radius:8px}.result-summary{font-size:1rem;margin-bottom:.75rem;color:#333}.prime-list{font-size:.95rem;color:#666;line-height:1.8;word-wrap:break-word}.no-result{color:#999;font-style:italic;text-align:center;padding:1rem}.twin-primes-result{margin-top:1rem;padding:1rem;background:rgba(102,126,234,.05);border-radius:8px}.twin-pairs{font-size:.95rem;color:#666;line-height:1.8;word-wrap:break-word}.mersenne-result{margin-top:1rem}.mersenne-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:1rem;font-weight:600;margin-bottom:1rem}.mersenne-badge.is-prime{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff}.mersenne-badge.is-composite{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.mersenne-badge.is-special{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff}.mersenne-details{padding:1rem;background:rgba(102,126,234,.05);border-radius:8px}.mersenne-details p{margin-bottom:.5rem;font-size:.95rem}.mersenne-details p:last-child{margin-bottom:0}.euler-result{margin-top:1rem}.euler-summary{padding:1rem;background:rgba(102,126,234,.05);border-radius:8px;margin-bottom:1rem}.euler-value{font-size:1.2rem;font-weight:600;color:#667eea;margin-bottom:.5rem}.euler-formula{font-size:.95rem;color:#666;font-family:'Courier New',monospace}.coprime-list{padding:1rem;background:rgba(72,187,120,.05);border-radius:8px;font-size:.9rem;color:#666;line-height:1.8}@media(max-width:768px){.page-header h1{font-size:2rem}.page-header .subtitle{font-size:1rem}.result-item-value{font-size:1.5rem}.prime-factorization{font-size:1.2rem}.factors-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.chart-container{height:250px}}@media(max-width:576px){.page-header h1{font-size:1.6rem}.page-header .subtitle{font-size:.9rem}.glass-card{padding:1rem}.glass-card h3{font-size:1.1rem}.action-buttons-grid{grid-template-columns:1fr}.result-item-value{font-size:1.3rem}.prime-factorization{font-size:1rem}.factors-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:.4rem}.factor-item{padding:.4rem;font-size:.9rem}.chart-container{height:200px}.algorithm-step{font-size:.8rem;padding:.5rem .75rem}.seo-section h2{font-size:1.5rem}.seo-section h3{font-size:1.2rem}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.keyboard-hint{font-size:.75rem;color:#999;margin-top:.5rem;text-align:center}.keyboard-hint kbd{display:inline-block;padding:.2rem .4rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-family:'Courier New',monospace;font-size:.7rem}@media print{.action-buttons-grid,.algorithm-toggle,.btn-custom,.btn-custom-outline,.btn-sponsor{display:none !important}.glass-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.page-header h1{color:#667eea !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}