:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fat){font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important}:root{--glass-bg:rgba(255, 255, 255, 0.05);--glass-bg-hover:rgba(255, 77, 41, 0.15);--glass-bg-secondary:rgba(255, 255, 255, 0.08);--glass-border:rgba(255, 255, 255, 0.1);--glass-border-light:rgba(255, 255, 255, 0.05);--glass-blur:blur(20px) saturate(120%);--glass-blur-light:blur(8px) saturate(110%);--color-dark:#031024;--color-dark-accent:#051e3e;--color-dark-light:#0a1932;--color-primary:#FF4D29;--color-primary-light:rgba(255, 77, 41, 0.1);--color-primary-dark:#e64024;--color-secondary:#0055A4;--color-secondary-light:rgba(0, 85, 164, 0.1);--color-white:#FFFFFF;--color-light-gray:rgba(255, 255, 255, 0.7);--color-gray:rgba(255, 255, 255, 0.5);--color-dark-gray:rgba(255, 255, 255, 0.1);--color-success:#27AE60;--color-success-light:rgba(39, 174, 96, 0.15);--color-warning:#F39C12;--color-warning-light:rgba(243, 156, 18, 0.15);--color-error:#E74C3C;--color-error-light:rgba(231, 76, 60, 0.15);--color-info:#3498DB;--color-info-light:rgba(52, 152, 219, 0.15);--color-purple:#9B59B6;--color-purple-light:rgba(155, 89, 182, 0.15);--text-primary:rgba(255, 255, 255, 0.92);--text-secondary:rgba(255, 255, 255, 0.75);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'Fira Code','Consolas','Monaco',monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-size-6xl:4.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-bounce:0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);--z-behind:-1;--z-normal:0;--z-above:1;--z-sticky:10;--z-fixed:100;--z-overlay:1000;--z-modal:2000;--z-toast:3000;--z-tooltip:4000;--z-confetti:5000}.loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(3,16,36,.95);z-index:var(--z-modal);display:none;align-items:center;justify-content:center}.spinner{width:50px;height:50px;border:3px solid var(--color-dark-gray);border-top:3px solid var(--color-primary);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}html{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:rgba(255,255,255,.92);background:radial-gradient(ellipse at top left,#ff4d29 0,#05204b 25%,#031127 60%);background-attachment:fixed;overflow-x:hidden;min-height:100vh;margin:0;padding:0;opacity:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;position:relative}body.page-ready{opacity:1;transition:opacity .2s ease-out}body::before{content:'';position:fixed;top:-200px;right:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(255,77,41,.15),transparent 60%);filter:blur(100px);z-index:1;pointer-events:none}@keyframes pulse{0%{opacity:.6;transform:scale(1)}100%{opacity:1;transform:scale(1.1)}}*,.main-content *,.main-content ::after,.main-content ::before,::after,::before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-dark-gray);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}::selection{background:var(--color-primary);color:var(--color-white)}.page-layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:1200px;margin:0 auto;padding:0 var(--space-lg);width:100%;box-sizing:border-box}.main-column{min-width:0;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.tool-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg);box-sizing:border-box;position:relative}.tool-container .content-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.wide-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.wide-container .content-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.main-content{margin-top:80px;min-height:calc(100vh - 80px);padding:var(--space-md) 0;position:relative;background:radial-gradient(circle at 30% 30%,rgba(255,77,41,.06) 0,transparent 90%),radial-gradient(circle at 70% 70%,rgba(0,85,164,.08) 0,transparent 70%);width:100%;box-sizing:border-box;contain:layout;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.hero{text-align:center;margin-bottom:var(--space-md);padding:var(--space-xs) 0;contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0)}.hero-title{font-size:var(--font-size-xl);font-weight:900;line-height:1.2;margin-bottom:0;background:linear-gradient(135deg,var(--color-white) 0,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:var(--font-size-base);color:var(--color-light-gray);max-width:600px;margin:0 auto;line-height:1.3;white-space:nowrap}.compact-converter{margin-bottom:var(--space-xl)}.content-wrapper{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-2xl);position:relative;z-index:10;overflow:visible;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1)}.content-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),transparent)}.content-wrapper.analytics-wrapper,.content-wrapper.faq-wrapper,.content-wrapper.features-wrapper{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.compact-converter .content-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.analytics-wrapper{z-index:1;padding:var(--space-xl);background:rgba(255,255,255,.1)}.category-selector-row{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-dark-gray);transition:margin-bottom .3s cubic-bezier(.4, 0, .2, 1),padding-bottom .3s cubic-bezier(.4, 0, .2, 1)}.category-selector-row.collapsed{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.category-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.category-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--text-primary);font-size:16px;margin:0}.category-label i{color:var(--color-primary);font-size:16px}.mode-collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:.2s cubic-bezier(.4, 0, .2, 1);flex-shrink:0}.mode-collapse-btn:hover{background:rgba(255,255,255,.1);border-color:var(--color-primary);color:var(--color-primary);transform:translate3d(0,-1px,0)}.mode-collapse-btn i{font-size:.875rem;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}#categorySelector.collapsed .mode-collapse-btn i{transform:rotate(180deg)}.category-collapsible-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4, 0, .2, 1),opacity .3s cubic-bezier(.4, 0, .2, 1);max-height:500px;opacity:1}#categorySelector.collapsed .category-collapsible-content{max-height:0;opacity:0}.mode-buttons-integrated{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:8px;justify-content:center}.mode-btn-integrated{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;gap:10px;color:#fff;position:relative;overflow:hidden}.mode-btn-integrated::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ff4d29,#ff6b47);transform:scaleY(0);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.mode-btn-integrated:hover{transform:translateX(4px);border-color:rgba(255,77,41,.4);background:rgba(255,77,41,.08)}.mode-btn-integrated:hover::before{transform:scaleY(1)}.mode-btn-integrated.active{background:rgba(25,111,61,.15);border-color:#196f3d}.mode-btn-integrated.active::before{background:linear-gradient(180deg,#196f3d,#228b22);transform:scaleY(1)}.mode-btn-integrated.active .mode-icon-integrated{background:linear-gradient(135deg,#196f3d,#228b22)}.mode-btn-integrated.active .mode-title-integrated{color:#fff}.mode-btn-integrated.active .mode-desc-integrated{color:rgba(255,255,255,.8)}.mode-icon-integrated{width:36px;height:36px;background:linear-gradient(135deg,#ff4d29,#ff6b47);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:.3s cubic-bezier(.4, 0, .2, 1)}.mode-content-integrated{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mode-title-integrated{font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.2;margin:0;color:#fff;transition:color .3s cubic-bezier(.4, 0, .2, 1)}.mode-desc-integrated{font-family:Inter,sans-serif;font-size:11px;line-height:1.2;margin:0;color:rgba(255,255,255,.65);transition:color .3s cubic-bezier(.4, 0, .2, 1);white-space:nowrap}.converter-header{margin-top:var(--space-xs)}.converter-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--text-primary);font-size:16px;margin-bottom:var(--space-md);margin-top:0}.converter-label i{color:var(--color-primary);font-size:16px}.converter-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-xl);align-items:stretch;margin-bottom:var(--space-lg);margin-top:var(--space-xs);box-sizing:border-box}.input-section,.output-section{display:flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1}.input-section.dropdown-active,.output-section.dropdown-active{z-index:1000}.input-container,.output-container{display:flex;gap:var(--space-sm);align-items:stretch;position:relative}.converter-input,.converter-output{flex:1;padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:rgba(255,255,255,.12);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-primary);font-weight:400;outline:0;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);box-sizing:border-box;height:44px;line-height:1.5;transform:translateZ(0);-webkit-transform:translateZ(0)}.converter-input:focus{border-color:var(--color-primary)}.converter-input::placeholder,.converter-output::placeholder{color:var(--color-gray);font-weight:400}.converter-output{cursor:default}.unit-select{min-width:160px;padding:var(--space-md);border:1px solid rgba(255,77,41,.3);border-radius:var(--radius-md);background:rgba(255,77,41,.08);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);font-weight:500;outline:0;cursor:pointer;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);transform:translateZ(0);-webkit-transform:translateZ(0)}.unit-select:hover{border-color:rgba(255,77,41,.5);background:rgba(255,77,41,.12)}.unit-select:focus{border-color:var(--color-primary)}.unit-select option{background:var(--color-dark);color:var(--text-primary);padding:var(--space-sm)}.unit-select-wrapper{position:relative;min-width:160px;z-index:10000}.unit-select-btn{width:100%;min-width:160px;height:44px;padding:0 var(--space-md);border:1px solid rgba(255,77,41,.3);border-radius:var(--radius-lg);background:rgba(255,77,41,.12);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);font-weight:500;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1)}.unit-select-btn:hover{border-color:rgba(255,77,41,.5);background:rgba(255,77,41,.12)}.unit-select-btn.active{border-color:var(--color-primary)}.unit-select-value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-select-btn i{font-size:var(--font-size-xs);transition:transform .3s}.unit-select-btn.active i{transform:rotate(180deg)}.unit-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:300px;max-width:min(400px,calc(100vw - 2rem));width:max-content;background:#162638;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);z-index:999999;max-height:320px;display:none;flex-direction:column;overflow:hidden}.unit-dropdown.active{display:flex}.unit-search-box{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.15);background:#0f1a2e}.unit-search-box i{color:var(--color-primary);font-size:var(--font-size-sm)}.unit-search-input{flex:1;background:0 0;border:none;outline:0;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary)}.unit-search-input::placeholder{color:var(--color-gray)}.unit-options-list{flex:1;overflow-y:auto;padding:var(--space-sm);background:#162638}.unit-options-list::-webkit-scrollbar{width:6px}.unit-options-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:var(--radius-sm)}.unit-options-list::-webkit-scrollbar-thumb{background:rgba(255,77,41,.3);border-radius:var(--radius-sm)}.unit-options-list::-webkit-scrollbar-thumb:hover{background:rgba(255,77,41,.5)}.unit-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:.2s;border:1px solid transparent}.unit-option:hover{background:rgba(255,77,41,.2);border-color:rgba(255,77,41,.4);transform:translateX(2px)}.unit-option-main{flex:1;display:flex;align-items:center;gap:var(--space-xs);min-width:0}.unit-option-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;white-space:nowrap}.unit-option-symbol{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.unit-option-label{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.unit-option-category{font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);background:rgba(255,77,41,.2);border:1px solid rgba(255,77,41,.3);color:var(--color-primary);letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.unit-option.current-category{background:rgba(255,77,41,.08)}.unit-option.keyboard-focused{background:rgba(255,77,41,.25);border-color:rgba(255,77,41,.5);transform:translateX(4px)}.unit-option.keyboard-focused .unit-option-category{background:rgba(255,77,41,.3);border-color:rgba(255,77,41,.5)}.unit-option.selected{background:rgba(25,111,61,.2);border-left:2px solid #27ae60}.unit-option.selected .unit-option-category{background:rgba(25,111,61,.2);border-color:rgba(25,111,61,.3);color:#27ae60}.unit-category-separator{padding:var(--space-sm) var(--space-md);margin:var(--space-xs) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:#1a2d45}.unit-category-separator span{font-size:10px;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.6);letter-spacing:.5px}.no-results,.unit-option-empty{padding:var(--space-lg);text-align:center;color:var(--color-gray);font-size:var(--font-size-sm)}.center-actions{display:flex;justify-content:center;align-items:center;padding:0}.swap-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid rgba(255,77,41,.3);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;transition:transform .3s cubic-bezier(.4, 0, .2, 1);position:relative;font-size:var(--font-size-lg);overflow:hidden;contain:layout style;z-index:1}.swap-btn:hover:not(.disabled){transform:translateY(-1px);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.swap-btn:hover:not(.disabled)::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);z-index:-1;animation:.8s ease-out swapShine}@keyframes swapShine{to{left:100%}}.swap-btn.disabled,.swap-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none;background:var(--color-dark-gray);border-color:rgba(255,255,255,.05);color:rgba(255,255,255,.3)}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--color-dark-gray)}.options-group{display:flex;gap:var(--space-lg)}.option-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--color-light-gray);font-size:var(--font-size-sm);font-weight:500;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.option-checkbox:hover{color:var(--color-white)}.option-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:1px solid var(--color-gray);border-radius:var(--radius-sm);position:relative;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.checkbox-custom::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:var(--color-white);font-size:12px;font-weight:700;transition:transform var(--transition-bounce)}.option-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.option-checkbox input[type=checkbox]:checked+.checkbox-custom::after{transform:translate(-50%,-50%) scale(1)}.stats-group{display:flex;gap:var(--space-md)}.stat-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);background:rgba(255,255,255,.12);border-radius:var(--radius-lg);min-width:60px;height:44.77px;contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0)}.stat-badge.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.stat-value{font-size:14px;font-weight:900;color:var(--color-white);font-family:var(--font-primary)}.stat-label{font-size:9px;color:var(--color-light-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-badge.primary .stat-label{color:var(--color-white)}.separator-label{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.separator-label i{color:var(--color-primary);font-size:var(--font-size-sm)}.separator-select{padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.12);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);min-width:160px}.separator-select:focus,.separator-select:hover{border-color:var(--color-primary);background:var(--glass-bg-hover);outline:0}.separator-select option{background:var(--color-dark);color:var(--color-white);padding:var(--space-xs)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.analytics-header h4{display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.analytics-header i{color:var(--color-primary);font-size:16px}.reset-stats-btn{height:32px;display:inline-flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);background:rgba(255,255,255,.12);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:transform .3s cubic-bezier(.4, 0, .2, 1);text-transform:uppercase;letter-spacing:.5px}.reset-stats-btn i{color:var(--text-secondary);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.reset-stats-btn:hover{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error) 100%);border-color:var(--color-error);color:var(--color-white);transform:translateY(-1px)}.reset-stats-btn:hover i{color:var(--color-white)}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.analytics-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:rgba(255,255,255,.12);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:transform .3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;transform:translateZ(0);-webkit-transform:translateZ(0);min-width:0}.analytics-card:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1);will-change:transform}.analytics-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-lg);flex-shrink:0}.analytics-data{flex:1;min-width:0;overflow:hidden}.analytics-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);font-family:var(--font-primary);margin-bottom:4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.analytics-label{font-size:var(--font-size-xs);color:var(--color-light-gray);font-weight:500;text-transform:uppercase;letter-spacing:.8px;opacity:.8}.features-section{margin-top:var(--space-3xl);margin-bottom:var(--space-2xl)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header h2{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-white);margin-bottom:var(--space-lg)}.section-header p{font-size:var(--font-size-md);color:var(--color-light-gray);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.feature-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1);will-change:transform}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);font-size:var(--font-size-xl);color:var(--color-white);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);margin-bottom:var(--space-md)}.feature-card p{color:var(--color-light-gray);line-height:1.6}.faq-section{margin-bottom:var(--space-3xl)}.faq-grid{display:grid;gap:var(--space-md);max-width:800px;margin:0 auto}.faq-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1)}.faq-item:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1);will-change:transform}.faq-question{padding:var(--space-xl);background:rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.4, 0, .2, 1);user-select:none}.faq-question:hover{background:rgba(255,77,41,.1)}.faq-question h3{font-size:var(--font-size-md);color:var(--color-white);font-weight:600;margin:0}.faq-question i{color:var(--color-primary);font-size:var(--font-size-sm);transition:transform var(--transition-normal)}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-item.active .faq-answer{max-height:300px}.faq-answer-content{padding:0 var(--space-xl) var(--space-xl);display:flex;align-items:center;justify-content:flex-start}.faq-answer p{color:var(--color-light-gray);line-height:1.6;margin:0;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;border:none;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4, 0, .2, 1);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-sizing:border-box}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);border:1px solid rgba(255,77,41,.3);position:relative;z-index:1}.btn-primary:hover{color:var(--color-white);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:hover::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);z-index:-1;animation:.8s ease-out shine}@keyframes shine{to{left:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.visible{display:block}.desktop-only{display:flex}@media (max-width:768px){.auto-convert-option{display:none}}.usage-compact{display:flex;flex-direction:column;gap:var(--space-2xl,2rem)}.usage-steps-horizontal{display:flex;align-items:center;justify-content:center;gap:var(--space-lg,1.5rem);flex-wrap:nowrap;margin-bottom:var(--space-2xl,2rem)}.usage-step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:200px}.step-icon{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary,#ff4d29),#ff6b47);border-radius:50%;margin-bottom:var(--space-md,1rem);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.step-icon:hover{transform:scale3d(1.05,1.05,1);will-change:transform}.step-icon i{font-size:1.5rem;color:#fff}.step-num{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--color-dark,#031024);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm, .875rem);font-weight:800;border:2px solid var(--color-primary,#ff4d29)}.usage-step h4{font-size:var(--font-size-lg, 1.25rem);font-weight:700;color:var(--text-primary,rgba(255,255,255,.92));margin-bottom:var(--space-sm,.5rem)}.usage-step p{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary,rgba(255,255,255,.75));line-height:1.5}.step-arrow{color:var(--color-primary,#ff4d29);font-size:1.5rem;opacity:.7}.quick-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg,1.5rem)}.quick-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm,.5rem);padding:var(--space-lg,1.5rem);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);min-height:72px;text-align:center}.quick-feature:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1);will-change:transform}.quick-feature i{font-size:1.25rem;color:var(--color-primary,#ff4d29);flex-shrink:0}.quick-feature span{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary,rgba(255,255,255,.75));font-weight:500}.tool-tabs{position:absolute;top:-44px;right:64px;display:flex;gap:var(--space-sm);z-index:5}.tool-tab{position:relative;width:44px;height:44px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4, 0, .2, 1),background .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);transform:translateZ(0);-webkit-transform:translateZ(0)}.tool-tab i{font-size:18px;color:rgba(255,255,255,.6);transition:color .3s cubic-bezier(.4, 0, .2, 1)}.tool-tab:hover{background:rgba(255,255,255,.06);border-color:rgba(255,77,41,.3)}.tool-tab:hover i{color:var(--color-primary)}.tool-tab.active i{color:#e74c3c}@media (max-width:960px){body{background:linear-gradient(180deg,#05204b 0,#031127 100%)}.converter-grid{grid-template-columns:1fr;gap:var(--space-md)}.center-actions{flex-direction:row;padding:var(--space-md) 0}.bottom-bar{justify-content:center;flex-direction:column;gap:var(--space-lg)}.analytics-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tool-container{padding:0 var(--space-md)}.hero{margin-top:-var(--space-lg);margin-bottom:var(--space-sm)}.hero-title{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-xs)}.content-wrapper{padding:var(--space-md)}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.analytics-header{flex-direction:column;gap:var(--space-md);text-align:center}.reset-stats-btn{width:100%;justify-content:center}.category-selector-row{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.desktop-only{display:none}.converter-grid{grid-template-columns:1fr;gap:var(--space-md)}.input-container,.output-container{flex-direction:column}.unit-select,.unit-select-wrapper{min-width:100%}.unit-dropdown{width:100%;min-width:100%;max-width:100%;max-height:280px}.unit-option{padding:var(--space-sm)}.unit-option-name{font-size:var(--font-size-xs)}.features-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature-card{padding:var(--space-lg)}.feature-icon{width:48px;height:48px;font-size:var(--font-size-lg)}.feature-card h3{font-size:var(--font-size-md)}.feature-card p{font-size:var(--font-size-sm)}.faq-question{padding:var(--space-lg)}.faq-answer-content{padding:0 var(--space-lg) var(--space-lg)}.bottom-bar{padding-top:var(--space-md);justify-content:center}.stats-group{gap:var(--space-sm)}.stat-badge{min-width:50px;transform:translateZ(0);-webkit-transform:translateZ(0)}.usage-steps-horizontal{flex-direction:column;gap:var(--space-lg,1.5rem)}.step-arrow{transform:rotate(90deg);font-size:1.25rem}.step-icon{width:70px;height:70px}.step-icon i{font-size:1.25rem}}@media (max-width:480px){.tool-container,.wide-container{padding:0 var(--space-sm)}.hero{padding:var(--space-xs) 0;margin-bottom:var(--space-sm);margin-top:-var(--space-xl)}.hero-title{font-size:var(--font-size-md)}.content-wrapper{padding:var(--space-sm)}.converter-input,.converter-output{font-size:var(--font-size-base);min-height:48px}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-card{padding:var(--space-sm);transform:translateZ(0);-webkit-transform:translateZ(0)}.action-btn-inline{width:28px;height:28px;font-size:var(--font-size-xs);transform:translateZ(0);-webkit-transform:translateZ(0)}.features-grid{grid-template-columns:1fr;gap:var(--space-lg)}.feature-card{padding:var(--space-lg)}.faq-question{padding:var(--space-md)}.faq-question h3{font-size:var(--font-size-sm)}.step-icon{width:60px;height:60px}.step-icon i{font-size:1.125rem}.usage-step h4{font-size:var(--font-size-base, 1rem)}.usage-step p{font-size:var(--font-size-xs, .75rem)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media print{.btn,.faq-section,.section-actions{display:none}body{background:#fff;color:#000}.page-layout{grid-template-columns:1fr}.analytics-card,.content-wrapper,.feature-card{border:1px solid #ccc;background:#fff;color:#000;break-inside:avoid}.hero-title,.section-header h2{color:#000}}@media (max-width:960px){body{background:linear-gradient(180deg,#05204b 0,#031127 100%)}.hero{padding:var(--space-xs) var(--space-md)}.hero-title{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-sm)}.content-wrapper{padding:var(--space-xl)}.section-header h2{font-size:var(--font-size-lg)}.section-header p{font-size:var(--font-size-sm)}.tool-tabs{right:48px;top:-40px}.tool-tab{width:40px;height:40px}.tool-tab i{font-size:16px}.usage-steps-horizontal{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);justify-items:center}.usage-step{text-align:center;align-items:center}.quick-features{display:flex;flex-wrap:nowrap;gap:var(--space-xs)}.quick-feature{flex:1;min-width:0;padding:var(--space-sm)}.quick-feature span{font-size:11px;line-height:1.2}}@media (min-width:769px) and (max-width:960px){.mode-icon-integrated{width:28px;height:28px}.mode-icon-integrated i{font-size:13px}.mode-btn-integrated{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.mode-title-integrated{font-size:11px}.mode-desc-integrated{font-size:8px}.bottom-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.options-group,.stats-group{flex:0 0 auto}.usage-steps-horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:var(--space-lg)}.step-arrow{display:flex;align-items:center;margin-top:28px}.usage-step{max-width:160px}.usage-step h4{font-size:var(--font-size-sm)}.usage-step p{font-size:var(--font-size-xs)}}@media (max-width:768px){.page-layout{padding:0 var(--space-md);padding-bottom:60px;transform:none}.main-content{transform:none;contain:none;will-change:auto}.tool-container{padding:0 var(--space-sm)}.hero{padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md);transform:none;contain:none}.stats-group{display:none}.category-label,.converter-label{font-size:14px}.usage-compact{gap:var(--space-lg);margin-top:var(--space-lg)}.usage-steps-horizontal .usage-step:last-child{grid-column:1/-1;justify-self:center;margin-top:var(--space-sm)}.tool-tabs{display:flex;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:52px;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-md);padding:0 var(--space-md);background:linear-gradient(180deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.02) 100%),linear-gradient(135deg,rgba(5,20,45,.95) 0,rgba(3,16,36,.92) 50%,rgba(10,25,50,.95) 100%);border-top:1px solid rgba(255,255,255,.12);border-bottom:none;z-index:1000}.tool-tab{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);cursor:pointer;pointer-events:auto;flex-shrink:0}.tool-tab:active{background:rgba(255,255,255,.15)}.tool-tab i{font-size:16px}.hero-title{font-size:var(--font-size-base)}.hero-description{font-size:var(--font-size-xs);max-width:100%}.content-wrapper{padding:var(--space-lg);border-radius:var(--radius-lg)}.mode-buttons-integrated{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-sm)}.mode-btn-integrated{flex:1 1 calc(50% - var(--space-sm)/ 2);min-width:calc(50% - var(--space-sm)/ 2);max-width:none;padding:var(--space-sm) var(--space-md);min-height:44px}.mode-icon-integrated{width:36px;height:36px}.mode-icon-integrated i{font-size:14px}.mode-title-integrated{font-size:var(--font-size-xs)}.mode-desc-integrated{font-size:10px}.section-header{margin-bottom:var(--space-md)}.section-header h2{font-size:var(--font-size-sm)}.section-header p{font-size:var(--font-size-xs)}.analytics-header{flex-direction:row;text-align:left;justify-content:space-between;align-items:center}.analytics-header h4{font-size:var(--font-size-sm)}.reset-stats-btn{width:auto;height:28px;padding:0 var(--space-sm);font-size:var(--font-size-xs)}.analytics-card{padding:var(--space-sm)}.analytics-icon{width:36px;height:36px}.analytics-icon i{font-size:var(--font-size-sm)}.analytics-value{font-size:var(--font-size-base)}.analytics-label{font-size:9px}.usage-steps-horizontal{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);justify-items:center}.usage-step{align-items:center;text-align:center}.step-arrow{display:none}.step-icon{width:56px;height:56px}.step-icon i{font-size:1.125rem}.usage-step h4{font-size:var(--font-size-sm)}.usage-step p{font-size:var(--font-size-xs)}.quick-features{display:flex;flex-wrap:nowrap;gap:var(--space-xs)}.quick-feature{flex:1;padding:var(--space-sm);flex-direction:column;text-align:center}.quick-feature i{font-size:var(--font-size-sm)}.quick-feature span{font-size:9px}.features-grid{grid-template-columns:1fr;gap:var(--space-sm)}.feature-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 var(--space-md);text-align:left;padding:var(--space-md);align-items:start}.feature-icon{grid-row:1/3;align-self:center;width:44px;height:44px}.feature-card h3{grid-column:2;grid-row:1;font-size:var(--font-size-sm);margin-bottom:0}.feature-card p{grid-column:2;grid-row:2;font-size:var(--font-size-xs);margin:0}.faq-grid{grid-template-columns:1fr;gap:var(--space-md)}.faq-question{min-height:44px}.faq-question h3{font-size:var(--font-size-sm)}}@media (max-width:480px){.page-layout{padding:0 var(--space-sm)}.tool-container{padding:0 var(--space-xs)}.hero{padding:0 var(--space-xs);margin-bottom:var(--space-md)}.hero-title{font-size:var(--font-size-sm);font-weight:800}.hero-description{font-size:11px;line-height:1.4}.content-wrapper{padding:var(--space-md);border-radius:var(--radius-md)}.mode-buttons-integrated{gap:var(--space-xs)}.mode-btn-integrated{flex:1 1 calc(50% - var(--space-xs)/ 2);min-width:calc(50% - var(--space-xs)/ 2);padding:var(--space-xs) var(--space-sm)}.mode-icon-integrated{width:32px;height:32px}.mode-icon-integrated i{font-size:12px}.mode-title-integrated{font-size:11px}.mode-desc-integrated{font-size:9px}.tool-tab{width:36px;height:36px}.tool-tab i{font-size:14px}.section-header h2{font-size:var(--font-size-sm)}.section-header p{font-size:11px}.analytics-header h4{font-size:var(--font-size-xs)}.reset-stats-btn{height:24px;padding:0 var(--space-xs);font-size:10px}.analytics-icon{width:32px;height:32px}.analytics-icon i{font-size:var(--font-size-xs)}.analytics-value{font-size:var(--font-size-sm)}.analytics-label{font-size:8px}.usage-compact{margin-top:var(--space-md)}.usage-steps-horizontal{grid-template-columns:repeat(2,1fr);gap:var(--space-sm);justify-items:center}.step-icon{width:48px;height:48px}.step-icon i{font-size:1rem}.usage-step h4{font-size:var(--font-size-xs)}.usage-step p{font-size:10px}.quick-feature{padding:var(--space-xs)}.quick-feature i{font-size:var(--font-size-xs)}.quick-feature span{font-size:8px}.features-grid{gap:var(--space-xs)}.feature-card{padding:var(--space-sm) var(--space-md);gap:0 var(--space-sm)}.feature-icon{width:36px;height:36px;font-size:.875rem}.feature-card h3{font-size:var(--font-size-xs);margin-bottom:0}.feature-card p{font-size:11px;line-height:1.3}.faq-question{padding:var(--space-md)}.faq-question h3{font-size:var(--font-size-xs)}.faq-answer-content{padding:0 var(--space-md) var(--space-md)}.faq-answer-content p{font-size:var(--font-size-xs)}}@media (max-width:375px){.page-layout{padding:0 var(--space-xs)}.tool-container{padding:0}.hero{margin-bottom:var(--space-sm)}.hero-title{font-size:var(--font-size-xs)}.hero-description{font-size:10px}.content-wrapper{padding:var(--space-sm)}.mode-buttons-integrated{gap:4px}.mode-btn-integrated{padding:var(--space-xs)}.mode-icon-integrated{width:28px;height:28px}.mode-icon-integrated i{font-size:11px}.mode-title-integrated{font-size:10px}.mode-desc-integrated{display:none}.tool-tabs{gap:var(--space-xs)}.tool-tab{width:32px;height:32px}.tool-tab i{font-size:12px}.section-header h2{font-size:var(--font-size-xs)}.section-header p{font-size:10px}.analytics-header h4{font-size:11px}.reset-stats-btn{height:22px;font-size:9px}.analytics-icon{width:28px;height:28px}.analytics-value{font-size:var(--font-size-xs)}.analytics-label{font-size:7px}.usage-compact{margin-top:var(--space-sm)}.step-icon{width:40px;height:40px}.step-icon i{font-size:.875rem}.usage-step h4{font-size:11px}.usage-step p{font-size:9px}.quick-feature span{font-size:7px}.feature-card{padding:var(--space-xs) var(--space-sm)}.feature-icon{width:32px;height:32px}.feature-card h3{font-size:11px}.feature-card p{font-size:10px}.faq-answer-content p,.faq-question h3{font-size:11px}}