:root{--color-primary:#0f172a;--color-primary-hover:#272e3f;--color-secondary:#f1f5f9;--color-secondary-hover:#e2e8f0;--color-success:#11a160;--color-success-bg:#dcfce7;--color-error:#dc265f;--color-error-bg:#fef2f2;--color-white:#ffffff;--color-background:#f8fafc;--color-text:#334155;--color-text-light:#64748b;--color-text-dark:#1e293b;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-placeholder:#94a3b8;--spacing-xs:5px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:25px;--spacing-3xl:30px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 -4px 20px rgba(0, 0, 0, 0.15);--transition-fast:0.2s;--transition-medium:0.3s;--transition-smooth:cubic-bezier(0.4, 0.0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Inter",sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);padding-top:0}.card-title,.title{font-size:var(--font-2xl);font-weight:700;color:var(--color-text-dark)}.card-title{font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-2xl)}.help-text{font-size:var(--font-xs);color:var(--color-text-light);margin-top:var(--spacing-xs)}.page-title{margin-top:100px;margin-bottom:var(--spacing-2xl);text-align:center}.card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.results-placeholder{text-align:center;color:var(--color-text-light);font-style:italic}.results-content{display:none}.results-content.show{display:block}.result-box{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.result-box-title{font-size:var(--font-sm);font-weight:600;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.result-box-value{font-size:var(--font-2xl);font-weight:700;color:var(--color-primary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.input-focus,.input-wrapper{display:flex;position:relative}.input-wrapper{align-items:center;gap:var(--spacing-xs)}.input-focus{width:100%}.input-focus:focus-within::after{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid var(--color-primary);border-radius:var(--radius-xl);pointer-events:none}.input-focus.error:focus-within::after{border-color:var(--color-error)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-md);background:var(--color-white)}.form-input:focus{outline:0}.form-input::placeholder{color:var(--color-placeholder)}.input-prefix,.input-suffix{position:absolute;color:var(--color-text-light);font-weight:500;pointer-events:none}.input-prefix{left:var(--spacing-lg)}.input-suffix{right:var(--spacing-lg);top:calc(100% - 35px)}.input-suffix::before{content:"";position:absolute;top:-8.5px;left:-14px;width:1px;height:calc(100% + 17px);background-color:var(--color-border)}.form-input.with-prefix{padding-left:50px}.form-input.with-suffix{padding-right:55px}.action-buttons{display:flex;gap:15px;margin-top:var(--spacing-2xl)}.btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border:0}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-primary);border-color:var(--color-border)}.btn-info:hover,.btn-secondary:hover{border-color:var(--color-border-hover)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-info,.footer-tooltip{border:1px solid var(--color-border)}.btn-info{width:24px;height:24px;background:0 0;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-info:hover{background-color:var(--color-secondary)}.btn-info.active,.nav-link::after{background-color:var(--color-primary)}.btn-info.active{border-color:var(--color-primary)}.btn-info svg{width:100%;height:100%;stroke:var(--color-text-light);padding:3px}.btn-info:hover svg{stroke:var(--color-text-dark)}.btn-info.active svg{stroke:var(--color-white)}.footer-tooltip{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);max-width:350px;min-width:300px;z-index:1000;transform:translateY(100%);opacity:0;transition:all var(--transition-medium) var(--transition-smooth)}.footer-tooltip.show{transform:translateY(0);opacity:1}.footer-tooltip.hide{transform:translateX(100%);opacity:0}.footer-tooltip.error{border-color:var(--color-error);background:var(--color-error-bg)}.tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.tooltip-title{font-size:var(--font-md);font-weight:600;color:var(--color-text-dark);margin:0}.tooltip-title.error{color:var(--color-error)}.tooltip-close{background:0 0;border:0;padding:var(--spacing-sm);cursor:pointer;color:var(--color-text-light);font-size:var(--font-lg);line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.tooltip-close:hover{background-color:var(--color-secondary);color:var(--color-text-dark)}.footer-tooltip:hover .tooltip-close{opacity:1}.tooltip-content{font-size:var(--font-sm);line-height:1.5;color:var(--color-text-light)}.tooltip-content.error{color:var(--color-error)}.fixed-header{position:fixed;top:0;left:0;width:100%;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:1000;padding:var(--spacing-md)0;background-color:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:relative}.header-logo{display:flex;align-items:center;margin-left:30px}.logo-img{height:30px;width:auto}.header-nav{display:flex;gap:var(--spacing-2xl);align-items:center}.nav-link{text-decoration:none;color:var(--color-text);font-weight:500;font-size:var(--font-md);transition:color var(--transition-fast);padding:var(--spacing-sm)0}.nav-dropdown-item:hover,.nav-dropdown-toggle:hover,.nav-link:hover{color:var(--color-primary)}.nav-link::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:width var(--transition-fast)}.nav-dropdown,.nav-link{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;text-decoration:none;color:var(--color-text);font-weight:500;font-size:var(--font-md);transition:color var(--transition-fast);padding:var(--spacing-sm)0}.mobile-dropdown-toggle::after,.nav-dropdown-toggle::after{content:"▼";font-size:10px;transition:transform var(--transition-fast)}.mobile-dropdown-toggle.active::after,.nav-dropdown:hover .nav-dropdown-toggle::after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:220px;margin-top:10px;padding:var(--spacing-sm);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;margin-top:5px}.nav-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:var(--color-text);font-size:var(--font-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-dropdown-item:hover{background:var(--color-background)}.nav-dropdown-item-icon{font-size:var(--font-lg);display:flex}.nav-dropdown-item-badge{position:absolute;right:var(--spacing-md);background:var(--color-placeholder);color:var(--color-white);padding:2px 8px;font-size:10px;border-radius:10px;font-weight:600}.nav-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.footer-links li,.mobile-nav-dropdown{margin-bottom:var(--spacing-sm)}.mobile-dropdown-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;color:var(--color-text);font-family:inherit;line-height:normal;font-weight:500;font-size:var(--font-md);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:0;text-align:left}.mobile-dropdown-toggle:hover{background-color:var(--color-background);color:var(--color-primary);border-left-color:var(--color-primary)}.mobile-dropdown-menu{max-height:0;overflow:hidden;transition:max-height var(--transition-medium);background:var(--color-background)}.mobile-dropdown-menu.show{max-height:500px}.mobile-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-3xl);text-decoration:none;color:var(--color-text-light);font-size:var(--font-sm);transition:all var(--transition-fast);position:relative}.mobile-dropdown-item:hover{color:var(--color-primary);background:var(--color-white)}.mobile-menu-toggle{display:none}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;cursor:pointer;padding:0;background:0 0;border:0}.hamburger-line{width:100%;height:4px;background-color:var(--color-primary);transition:all var(--transition-fast);border-radius:2px}.mobile-menu-toggle:checked+.mobile-menu-btn .hamburger-line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle:checked+.mobile-menu-btn .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle:checked+.mobile-menu-btn .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav{display:none;position:absolute;top:calc(100% + var(--spacing-md));left:0;width:100%;background-color:var(--color-white);border:1px solid var(--color-border);box-shadow:0 4px 3px #00000012;padding:var(--spacing-lg)0;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all var(--transition-medium)}.mobile-menu-toggle:checked~.mobile-nav{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav-link{display:block;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;color:var(--color-text);font-weight:500;font-size:var(--font-md);transition:all var(--transition-fast);border-left:4px solid transparent}.mobile-nav-link:hover{background-color:var(--color-background);color:var(--color-primary);border-left-color:var(--color-primary)}.footer{background-color:var(--color-primary);color:var(--color-white);margin-top:var(--spacing-3xl)}.footer .container{padding:var(--spacing-3xl) var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer-section{display:flex;flex-direction:column}.footer-subtitle,.footer-title{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-white)}.footer-subtitle{font-size:var(--font-lg);font-weight:600}.footer-description{font-size:var(--font-sm);line-height:1.6;color:#cbd5e1;margin:0}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item,.footer-links a{color:#cbd5e1;font-size:var(--font-sm)}.contact-item{display:flex;align-items:center;gap:var(--spacing-md);margin:0}.contact-item svg{flex-shrink:0;stroke:#94a3b8}.footer-links{list-style:none;padding:0;margin:0}.footer-links a{text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white);text-decoration:underline}.footer-bottom{border-top:1px solid #374151;padding-top:var(--spacing-xl);text-align:center}.footer-bottom p{margin:0;font-size:var(--font-xs);color:#94a3b8}.footer-bottom .disclaimer{margin-top:var(--spacing-sm);font-style:italic}@media (max-width:1000px){.header-nav{gap:var(--spacing-lg)}.nav-dropdown-toggle,.nav-link{font-size:var(--font-sm)}.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer-section:first-child{grid-column:1/-1}}@media (max-width:800px){.header-container{padding:0 var(--spacing-lg)}.header-nav{gap:var(--spacing-md)}}@media (max-width:600px){.header-nav{display:none}.mobile-menu-btn{display:flex}.header-logo{margin-left:10px}.mobile-nav{display:block}.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-section:first-child{grid-column:1}.footer .container{padding:var(--spacing-2xl) var(--spacing-lg)}}.contact-box{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-3xl);margin:var(--spacing-2xl)0;text-align:center}.contact-icon,.contact-method{display:flex;align-items:center}.contact-method{flex-direction:column;gap:var(--spacing-lg)}.contact-icon{width:80px;height:80px;background:var(--color-primary);border-radius:50%;justify-content:center;color:var(--color-white)}.contact-method h3{font-size:var(--font-xl);color:var(--color-text-dark);margin:0}.contact-link{font-size:var(--font-lg);color:var(--color-primary);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.contact-link:hover{color:var(--color-primary-hover);text-decoration:underline}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.help-icon{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.help-item{background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.help-item svg{width:25px}.help-item h3{font-size:var(--font-lg);color:var(--color-primary)}.help-item p{font-size:var(--font-sm);color:var(--color-text);line-height:1.6;margin:0}@media (max-width:768px){.help-grid{grid-template-columns:1fr}.contact-box{padding:var(--spacing-2xl)}}