header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}h1{font-size:2.5rem;font-weight:800;color:var(--accent-color);margin-bottom:5px}.header-title-link{text-decoration:none;color:inherit;cursor:pointer}@media (max-width: 768px){h1{font-size:1.8rem}}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.theme-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sun-icon{display:none}.moon-icon,[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}footer{text-align:center;padding:30px 20px;margin-top:40px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}footer p{margin:5px 0}footer a{color:var(--primary-color);text-decoration:none;margin:0 10px;transition:color .2s ease}footer a:hover{color:var(--secondary-color);text-decoration:underline}.group-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px;padding:0 10px}.group-button{padding:8px 16px;background:transparent;border:none;color:var(--text-muted);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s}.group-button:hover{background-color:var(--border-color);color:var(--text-main)}.group-button.active{background-color:var(--primary-color);color:var(--btn-text)}.category-select-container{display:flex;justify-content:center;margin-bottom:2vh;padding:0 20px}.category-select{width:100%;max-width:400px;padding:12px 20px;font-size:1rem;font-weight:600;color:var(--text-main);background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;outline:none;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.category-select:hover{border-color:var(--secondary-color)}.category-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .category-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.input-group-container input{padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:1.1rem;font-weight:600;background:var(--bg-main);color:var(--text-main);transition:all .2s ease;outline:none}.input-group-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.input-group-container input[readonly]{background:var(--bg-secondary);cursor:not-allowed}.swap-container{display:flex;align-items:center;justify-content:center;padding-top:25px}.swap-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.swap-button:hover{transform:rotate(180deg) scale(1.1);box-shadow:var(--shadow-lg)}.swap-button:active{transform:rotate(180deg) scale(.95)}@media (max-width: 768px){.swap-container{padding-top:0}.swap-button{width:45px;height:45px;font-size:1.3rem}}.input-group-container{display:flex;flex-direction:column;gap:10px}.input-group-container label{font-weight:600;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.input-group-container input{padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:1.1rem;font-weight:600;background:var(--bg-secondary);color:var(--text-main);transition:all .2s ease;outline:none;cursor:not-allowed}.input-group-container select{padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:.95rem;background:var(--bg-main);color:var(--text-main);cursor:pointer;transition:all .2s ease;outline:none}.input-group-container select:hover{border-color:var(--secondary-color)}.input-group-container select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.converter-card{background:var(--card-bg);border-radius:20px;padding:30px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-width:900px;margin:0 auto;width:100%;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.converter-card h2{text-align:center;margin-bottom:25px;font-size:1.8rem;font-weight:700;color:var(--primary-color)}.conversion-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start}@media (max-width: 768px){.conversion-grid{grid-template-columns:1fr;gap:15px}.converter-card{padding:20px}.converter-card h2{font-size:1.5rem}}.home-page{width:100%}.home-page main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:2vh;min-height:0;padding-bottom:5vh}.info-page{max-width:1100px;margin:0 auto;padding:40px 20px}.info-page h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:30px;text-align:center}.info-page section{margin-bottom:50px}.info-page h2{font-size:2rem;color:var(--text-main);margin-bottom:20px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.info-page h3{font-size:1.3rem;color:var(--text-main);margin-bottom:10px}.info-page p{line-height:1.8;margin-bottom:15px;color:var(--text-main)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:25px}.feature-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary-color)}.feature-card p{font-size:.95rem;color:var(--text-muted)}.features-list{list-style:none;padding:0}.features-list li{padding:12px 0;border-bottom:1px solid var(--border-color);font-size:1.05rem}.features-list li:last-child{border-bottom:none}.how-it-works{background:var(--bg-secondary);border-radius:12px;padding:25px;margin-top:20px}.how-it-works li{margin-bottom:15px;font-size:1.05rem;line-height:1.6}.info-page ul{margin-left:25px;margin-bottom:15px}.info-page a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.info-page a:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width: 768px){.info-page h1{font-size:2rem}.info-page h2{font-size:1.6rem}.features-grid{grid-template-columns:1fr}}.contact-page{max-width:1200px;margin:0 auto;padding:40px 20px}.contact-page h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:15px;text-align:center}.contact-intro{text-align:center;font-size:1.1rem;color:var(--text-muted);margin-bottom:40px}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.contact-info h2,.contact-form-container h2{font-size:1.8rem;color:var(--text-main);margin-bottom:20px}.contact-methods{margin-top:30px}.contact-method{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px;transition:transform .2s ease,box-shadow .2s ease}.contact-method:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.contact-method h3{font-size:1.2rem;color:var(--primary-color);margin-bottom:10px}.contact-method p{color:var(--text-main);line-height:1.6}.contact-method a{color:var(--secondary-color);text-decoration:none;font-weight:600}.contact-method a:hover{text-decoration:underline}.response-time{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-top:20px}.response-time h3{font-size:1.1rem;color:var(--primary-color);margin-bottom:10px}.contact-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:30px;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-main)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-main);color:var(--text-main);transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.submit-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:active{transform:translateY(0)}.success-message{background:linear-gradient(135deg,#475569,#334155);color:#fff;padding:40px;border-radius:12px;text-align:center}.success-message h3{font-size:1.8rem;margin-bottom:10px}.faq-section{margin-top:60px}.faq-section h2{font-size:2rem;color:var(--text-main);margin-bottom:30px;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.faq-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.faq-item h3{font-size:1.1rem;color:var(--primary-color);margin-bottom:10px}.faq-item p{color:var(--text-main);line-height:1.6}@media (max-width: 968px){.contact-container{grid-template-columns:1fr}}@media (max-width: 768px){.contact-page h1{font-size:2rem}.faq-grid{grid-template-columns:1fr}.contact-form{padding:20px}}.legal-page{max-width:900px;margin:0 auto;padding:40px 20px;line-height:1.8}.legal-page h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:10px}.last-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:30px}.legal-page section{margin-bottom:40px}.legal-page h2{font-size:1.8rem;color:var(--text-main);margin-top:30px;margin-bottom:15px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.legal-page h3{font-size:1.3rem;color:var(--text-main);margin-top:20px;margin-bottom:10px}.legal-page p{margin-bottom:15px;color:var(--text-main)}.legal-page ul,.legal-page ol{margin-left:25px;margin-bottom:15px}.legal-page li{margin-bottom:10px;color:var(--text-main)}.legal-page a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.legal-page a:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width: 768px){.legal-page h1{font-size:2rem}.legal-page h2{font-size:1.5rem}.legal-page{padding:20px 15px}}.container{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:2vh;min-height:0;padding-bottom:5vh}:root{--primary-color: #475569;--secondary-color: #64748b;--accent-color: #334155;--bg-main: #f8fafc;--bg-secondary: #f1f5f9;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--btn-text: #ffffff;--ad-bg: #fafafa}[data-theme=dark]{--primary-color: #64748b;--secondary-color: #475569;--accent-color: #94a3b8;--bg-main: #0f172a;--bg-secondary: #334155;--card-bg: #1e293b;--text-main: #f1f5f9;--text-muted: #94a3b8;--border-color: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--btn-text: #0f172a;--ad-bg: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--bg-main) 0%,var(--bg-secondary) 100%);color:var(--text-main);min-height:100vh;transition:background .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}