*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#fafafa}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#171717;background-color:#fafafa;min-height:100vh;display:flex;flex-direction:column;word-wrap:break-word;overflow-wrap:break-word;word-break:keep-all}@font-face{font-family:'Inter';font-display:swap}a{color:inherit;text-decoration:none;transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}.ad-space,.ad-container{width:100%;min-height:280px;margin:1.5rem 0;display:block}@media (min-width: 768px){.ad-space,.ad-container{min-height:250px}}h1,h2,h3,h4,h5,h6{font-family:"Poppins","Inter",sans-serif;font-weight:700;line-height:1.25;color:#171717;margin-bottom:1rem}h1{font-family:"Poppins","Inter",sans-serif;font-size:3rem;font-weight:700;line-height:1.3;letter-spacing:-0.02em}@media (max-width: 767px){h1{font-size:2.25rem}}h2{font-family:"Poppins","Inter",sans-serif;font-size:2.25rem;font-weight:600;line-height:1.3;letter-spacing:-0.015em}@media (max-width: 767px){h2{font-size:1.875rem}}h3{font-family:"Poppins","Inter",sans-serif;font-size:1.875rem;font-weight:600;line-height:1.4;letter-spacing:-0.01em}@media (max-width: 767px){h3{font-size:1.5rem}}h4{font-size:1.5rem;font-weight:600}h5{font-size:1.25rem;font-weight:600}h6{font-size:1.125rem;font-weight:600}p{margin-bottom:1rem;line-height:1.625;color:#404040}p:last-child{margin-bottom:0}strong{font-weight:700}em{font-style:italic}small{font-size:.875rem}a{color:#2563eb}a:hover{color:#1d4ed8;text-decoration:underline}code{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:0.9em;padding:.25rem .5rem;background:#f5f5f5;border-radius:.25rem;color:#1d4ed8}pre{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;padding:1rem;background:#171717;color:#fafafa;border-radius:.75rem;overflow-x:auto}pre code{background:none;padding:0;color:inherit}ul,ol{margin-bottom:1rem;padding-left:1.5rem}ul li,ol li{margin-bottom:.5rem;line-height:1.625}ul{list-style-type:disc}ol{list-style-type:decimal}blockquote{padding:1rem 1.5rem;margin:1.5rem 0;border-left:4px solid #3b82f6;background:#eff6ff;border-radius:.75rem}blockquote p{color:#262626;font-style:italic}hr{border:none;height:1px;background:#e5e5e5;margin:2rem 0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.animate-fade-in{animation:fadeIn 300ms cubic-bezier(0, 0, 0.2, 1)}.animate-slide-up{animation:slideUp 300ms cubic-bezier(0, 0, 0.2, 1)}.animate-slide-down{animation:slideDown 300ms cubic-bezier(0, 0, 0.2, 1)}.animate-scale-in{animation:scaleIn 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s cubic-bezier(0.4, 0, 0.2, 1) infinite}.app-container,.main-content{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}@media (max-width: 767px){.app-container,.main-content{padding:0 1.5rem}}.container-narrow{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;max-width:960px}@media (max-width: 767px){.container-narrow{padding:0 1.5rem}}.container-wide{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;max-width:1600px}@media (max-width: 767px){.container-wide{padding:0 1.5rem}}.grid{display:grid;gap:1.5rem}.grid.grid-cols-2{grid-template-columns:repeat(2, 1fr)}@media (max-width: 767px){.grid.grid-cols-2{grid-template-columns:1fr}}.grid.grid-cols-3{grid-template-columns:repeat(3, 1fr)}@media (max-width: 1023px){.grid.grid-cols-3{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.grid.grid-cols-3{grid-template-columns:1fr}}.grid.grid-cols-4{grid-template-columns:repeat(4, 1fr)}@media (max-width: 1279px){.grid.grid-cols-4{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 1023px){.grid.grid-cols-4{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.grid.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex.flex-center{display:flex;align-items:center;justify-content:center}.flex.flex-between{display:flex;align-items:center;justify-content:space-between}.flex.flex-col{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.section{margin-bottom:5rem}@media (max-width: 767px){.section{margin-bottom:3rem}}.site-header{position:sticky;top:0;z-index:1020;height:64px;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);border-bottom:1px solid #e5e5e5}.site-header .header-container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem}@media (max-width: 767px){.site-header .header-container{padding:0 1.5rem}}@media (max-width: 767px){.site-header .header-container{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.5rem;padding:.75rem 1rem;height:auto}}.site-logo{font-family:"Poppins","Inter",sans-serif;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em;white-space:nowrap}@media (max-width: 767px){.site-logo{font-size:1.125rem;grid-column:1;grid-row:1}}.header-search{justify-self:center;width:100%;max-width:480px}@media (max-width: 767px){.header-search{max-width:100%;grid-column:1 / -1;grid-row:2}}.search-trigger-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.75rem;font-size:.875rem;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.search-trigger-btn:hover{background:white;border-color:#60a5fa}.search-trigger-btn .search-placeholder{color:#737373}.header-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.875rem;justify-self:end}@media (max-width: 767px){.header-controls{grid-column:2;grid-row:1;gap:.5rem}}.lang-switch,.currency-switch{display:flex;align-items:center;justify-content:center;gap:.25rem}.lang-btn{color:#525252;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1)}.lang-btn:hover,.lang-btn.active{color:#2563eb}.currency-select{padding:.25rem .5rem;font-size:.875rem;font-weight:500;border:1px solid #e5e5e5;border-radius:.25rem;background:white;color:#262626}.currency-select:focus{outline:none;border-color:#60a5fa}.site-footer{margin-top:auto;background:#f5f5f5;color:#404040;padding:3rem 0 2rem;border-top:1px solid #e5e5e5}.site-footer .app-container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}@media (max-width: 767px){.site-footer .app-container{padding:0 1.5rem}}.site-footer .note{font-size:.875rem;color:#525252;text-align:center;margin-bottom:2rem;line-height:1.625}.site-footer .footer-sections{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-bottom:2rem}@media (max-width: 1023px){.site-footer .footer-sections{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.site-footer .footer-sections{grid-template-columns:1fr;gap:1.5rem}}.site-footer .footer-nav h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#262626}.site-footer .footer-links{list-style:none;padding:0;margin:0}.site-footer .footer-links li{margin-bottom:.5rem}.site-footer .footer-links a{color:#525252;font-size:.875rem;transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1)}.site-footer .footer-links a:hover{color:#2563eb}.site-footer .footer-disclaimer{font-size:.75rem;color:#737373;text-align:center;margin-bottom:1rem;line-height:1.625;max-width:800px;margin-left:auto;margin-right:auto}.site-footer .copyright{font-size:.875rem;color:#737373;text-align:center;padding-top:1rem;border-top:1px solid #e5e5e5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.btn.btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn.btn-primary:disabled{opacity:0.5;cursor:not-allowed}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.btn.btn-primary:active:not(:disabled){transform:translateY(0) scale(0.98)}.btn.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;background:white;color:#404040;border:2px solid #e5e5e5}.btn.btn-secondary:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn.btn-secondary:disabled{opacity:0.5;cursor:not-allowed}.btn.btn-secondary:hover:not(:disabled){border-color:#3b82f6;color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.btn.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn.btn-full{width:100%}.btn-primary,.btn-primary-large{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.btn-primary:focus,.btn-primary-large:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-primary:disabled,.btn-primary-large:disabled{opacity:0.5;cursor:not-allowed}.btn-primary:hover:not(:disabled),.btn-primary-large:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.btn-primary:active:not(:disabled),.btn-primary-large:active:not(:disabled){transform:translateY(0) scale(0.98)}.btn-primary-large{padding:1rem 2.5rem;font-size:1.125rem}.calculate-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);width:100%;padding:1rem;font-size:1.125rem;margin-top:1.5rem}.calculate-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.calculate-btn:disabled{opacity:0.5;cursor:not-allowed}.calculate-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.calculate-btn:active:not(:disabled){transform:translateY(0) scale(0.98)}.btn-copy{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;background:white;color:#404040;border:2px solid #e5e5e5;margin-top:1rem}.btn-copy:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-copy:disabled{opacity:0.5;cursor:not-allowed}.btn-copy:hover:not(:disabled){border-color:#3b82f6;color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.btn-copy.copied{background:#10b981;color:white;border-color:#10b981;transform:scale(1.02)}.btn-copy.copied:hover{background:#047857;border-color:#047857}.card{background:white;border-radius:1.25rem;border:1px solid #e5e5e5;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);padding:1.5rem}.category-card{background:white;border-radius:1.25rem;border:1px solid #e5e5e5;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);border-color:#93c5fd}.category-card .category-icon{font-size:3rem;margin-bottom:1rem}.category-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#171717}.category-card p{font-size:.875rem;color:#525252;line-height:1.625}.tool-card-link{background:white;border-radius:1.25rem;border:1px solid #e5e5e5;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;text-decoration:none;color:#171717}.tool-card-link:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);border-color:#93c5fd}.tool-card-link:hover .tool-card-title{color:#2563eb}.tool-card-link .tool-card-icon{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.tool-card-link .tool-card-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#171717;transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1);line-height:1.375}.tool-card-link .tool-card-desc{font-size:.875rem;color:#737373;line-height:1.625;margin:0}.calculator-card{background:white;border-radius:1.25rem;border:1px solid #e5e5e5;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;margin-bottom:2rem}.calculator-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.form-group{margin-bottom:1.75rem}.form-group:last-child{margin-bottom:0}label{display:block;font-size:1rem;font-weight:700;color:#171717;margin-bottom:.5rem}input[type="number"],input[type="text"],input[type="email"],select,textarea{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;color:#171717;background:white;border:2px solid #e5e5e5;border-radius:.75rem;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}input[type="number"]:focus,input[type="text"]:focus,input[type="email"]:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,0.1)}input[type="number"]::placeholder,input[type="text"]::placeholder,input[type="email"]::placeholder,select::placeholder,textarea::placeholder{color:#a3a3a3}input[type="number"]:disabled,input[type="text"]:disabled,input[type="email"]:disabled,select:disabled,textarea:disabled{background:#fafafa;cursor:not-allowed}@media (max-width: 767px){input[type="number"],input[type="text"],input[type="email"],select,textarea{padding:1rem;min-height:48px;font-size:1.125rem}}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23525252' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}select:hover{border-color:#60a5fa;background-color:#eff6ff}textarea{min-height:120px;resize:vertical}.input-wrapper{position:relative}.input-wrapper .unit{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#737373;font-size:.875rem;font-weight:600;pointer-events:none}@media (max-width: 767px){.input-wrapper .unit{right:1.25rem}}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#ef4444}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 4px rgba(239,68,68,0.1)}.form-group.has-error .error-message{display:block;margin-top:.5rem;font-size:.875rem;color:#ef4444}.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea{border-color:#10b981}.error-message{display:none}.calculator-card{background:white;border-radius:1.25rem;border:1px solid #e5e5e5;overflow:hidden;margin-bottom:3rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03)}.input-section{padding:2.5rem 2rem;background:white}@media (max-width: 767px){.input-section{padding:2rem 1.5rem}}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#525252;margin-bottom:.75rem;letter-spacing:0.02em}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;color:#171717;background:white;border:2px solid #e5e5e5;border-radius:.75rem;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);padding:1rem 3rem 1rem 1.25rem;font-size:1.5rem;font-weight:500;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;letter-spacing:-0.01em;border-radius:1rem}.input-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,0.1)}.input-wrapper input::placeholder{color:#a3a3a3}.input-wrapper input:disabled{background:#fafafa;cursor:not-allowed}.input-wrapper input::placeholder{color:#d4d4d4;font-weight:400}.input-wrapper .unit{position:absolute;right:1.25rem;font-size:1.125rem;font-weight:600;color:#a3a3a3}.or-divider{display:flex;align-items:center;text-align:center;margin:2rem 0;font-size:.75rem;font-weight:700;color:#a3a3a3;text-transform:uppercase;letter-spacing:0.15em}.or-divider::before,.or-divider::after{content:'';flex:1;height:1px;background:#e5e5e5}.or-divider::before{margin-right:1.25rem}.or-divider::after{margin-left:1.25rem}.result-section{padding:3rem 2rem;background:#fafafa;border-top:1px solid #e5e5e5;text-align:center}@media (max-width: 767px){.result-section{padding:2.5rem 1.5rem}}.result-row{margin-bottom:1.5rem}.result-row.highlight-row{padding:2rem 1.5rem;background:white;border-radius:1.25rem;border:2px solid #dbeafe;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1)}.res-label{display:block;font-size:.75rem;font-weight:700;color:#a3a3a3;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:.75rem}.res-value{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:3.75rem;font-weight:700;color:#171717;letter-spacing:-0.03em;line-height:1.1}.res-value.highlight{color:#2563eb}@media (max-width: 767px){.res-value{font-size:3rem}}.result-sub-info{display:flex;justify-content:center;gap:3rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed #e5e5e5}@media (max-width: 767px){.result-sub-info{flex-direction:column;gap:1rem}}.sub-item{text-align:center}.res-label-sm{display:block;font-size:.75rem;color:#a3a3a3;margin-bottom:.5rem;letter-spacing:0.05em}.res-value-sm{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:1.25rem;font-weight:600;color:#404040}.result-guide{margin:2rem 0 0;padding:1.25rem;background:white;border-radius:1rem;border:1px solid #e5e5e5}.result-guide .guide-title{font-size:.875rem;font-weight:600;color:#404040;margin-bottom:1rem}.result-guide ul{list-style:none;padding:0;margin:0}.result-guide li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#525252;margin-bottom:.75rem;line-height:1.625}.result-guide li:last-child{margin-bottom:0}.result-guide .guide-mark{width:10px;height:10px;border-radius:50%;flex-shrink:0}.badge{display:inline-block;padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:600}.badge.badge-ok{background:#f0fdf4;color:#047857}.badge.badge-error{background:#fef2f2;color:#b91c1c}.badge.badge-warn{background:#fffbeb;color:#b45309}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050}.search-modal .search-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.search-modal .search-modal-content{position:relative;max-width:700px;margin:5rem auto 0;background:white;border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);overflow:hidden}@media (max-width: 767px){.search-modal .search-modal-content{margin:2.5rem 1.25rem 0;max-width:none}}.search-modal .search-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e5e5}.search-modal .search-input{flex:1;padding:.75rem 1rem;border:2px solid #e5e5e5;border-radius:.75rem;font-size:1.125rem;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.search-modal .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,0.2)}.search-modal .search-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;font-size:1.25rem;color:#525252;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.search-modal .search-close-btn:hover{background:#e5e5e5;color:#171717}.search-modal .search-results{max-height:500px;overflow-y:auto;padding:1rem}@media (max-width: 767px){.search-modal .search-results{max-height:calc(100vh - 200px)}}.search-modal .search-hint{text-align:center;padding:2.5rem 1.25rem;color:#737373;font-size:1rem}.search-modal .search-result-item{display:flex;align-items:center;justify-content:center;justify-content:flex-start;gap:1rem;padding:1rem;border-radius:.75rem;text-decoration:none;color:#171717;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.search-modal .search-result-item:hover{background:#fafafa}.search-modal .search-result-item .search-result-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.875rem;flex-shrink:0}@media (max-width: 767px){.search-modal .search-result-item .search-result-icon{width:40px;height:40px;font-size:1.5rem}}.search-modal .search-result-item .search-result-info{flex:1}.search-modal .search-result-item .search-result-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.search-modal .search-result-item .search-result-desc{font-size:.875rem;color:#525252}.search-modal .search-result-item .search-result-category{font-size:.75rem;color:#2563eb;font-weight:600}.faq-section{background:white;padding:3rem 2rem;border-radius:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);margin:3rem 0;border:1px solid #e5e5e5}@media (max-width: 767px){.faq-section{padding:2rem 1.25rem;margin:2rem 0}}.faq-section h2{font-family:"Poppins","Inter",sans-serif;font-size:2.25rem;font-weight:600;line-height:1.3;letter-spacing:-0.015em;text-align:center;margin-bottom:2.5rem;color:#171717;position:relative;padding-bottom:1rem}@media (max-width: 767px){.faq-section h2{font-size:1.875rem}}.faq-section h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);border-radius:.25rem}@media (max-width: 767px){.faq-section h2{margin-bottom:2rem}}.faq-item{border:1px solid #e5e5e5;border-radius:1rem;margin-bottom:1rem;overflow:hidden;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);background:white}.faq-item:last-child{margin-bottom:0}.faq-item:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);border-color:#93c5fd}.faq-item.active{border-color:#3b82f6;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#fafafa;cursor:pointer;font-weight:700;color:#171717;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none}@media (max-width: 767px){.faq-question{padding:1rem 1.25rem;font-size:.875rem}}.faq-question:hover{background:#eff6ff;color:#1d4ed8}.faq-question.active{background:#dbeafe;color:#1d4ed8}.faq-question .icon{font-size:1.5rem;color:#2563eb;font-weight:400;line-height:1;transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0;margin-left:1rem}@media (max-width: 767px){.faq-question .icon{font-size:1.25rem}}.faq-question.active .icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);background:white}.faq-answer.active{max-height:800px}.faq-content{padding:1.25rem 1.5rem;color:#404040;line-height:1.625;font-size:1rem;border-top:1px solid #e5e5e5}@media (max-width: 767px){.faq-content{padding:1rem 1.25rem;font-size:.875rem}}.faq-content p{margin:0}.hero-section{background:linear-gradient(180deg, #f9fafb 0%, #fff 100%);text-align:center;padding:5rem 2rem 4rem;margin-bottom:4rem}@media (max-width: 767px){.hero-section{padding:3.5rem 1.25rem 2.5rem;margin-bottom:3rem}}.hero-section .hero-content h1{font-family:"Poppins","Inter",sans-serif;font-size:3rem;font-weight:700;line-height:1.3;letter-spacing:-0.02em;margin-bottom:1.5rem}@media (max-width: 767px){.hero-section .hero-content h1{font-size:2.25rem}}.hero-section .hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem;color:#737373;font-weight:400;letter-spacing:0.01em;line-height:1.625}@media (max-width: 767px){.hero-section .hero-subtitle{font-size:1.125rem;margin-bottom:2rem}}.hero-cta{margin-bottom:1.5rem}.hero-cta .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);padding:1rem 2rem;font-size:1.125rem}.hero-cta .btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.hero-cta .btn-primary:disabled{opacity:0.5;cursor:not-allowed}.hero-cta .btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.hero-cta .btn-primary:active:not(:disabled){transform:translateY(0) scale(0.98)}.hero-search{max-width:560px;margin:0 auto 2rem;display:flex;gap:.75rem}@media (max-width: 767px){.hero-search{flex-direction:column}}.hero-search input{flex:1;width:100%;padding:.75rem 1rem;font-size:1rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;color:#171717;background:white;border:2px solid #e5e5e5;border-radius:.75rem;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:1rem;padding:1rem 1.25rem}.hero-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,0.1)}.hero-search input::placeholder{color:#a3a3a3}.hero-search input:disabled{background:#fafafa;cursor:not-allowed}.hero-search button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);padding:1rem 1.5rem;white-space:nowrap}.hero-search button:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.hero-search button:disabled{opacity:0.5;cursor:not-allowed}.hero-search button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.hero-search button:active:not(:disabled){transform:translateY(0) scale(0.98)}.trust-badges{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.trust-badges .badge{background:white;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;color:#404040;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e5e5}.categories{margin-bottom:4rem}.categories h2{text-align:center;font-family:"Poppins","Inter",sans-serif;font-size:2.25rem;font-weight:600;line-height:1.3;letter-spacing:-0.015em;margin-bottom:2rem}@media (max-width: 767px){.categories h2{font-size:1.875rem}}.categories .category-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 767px){.categories .category-grid{grid-template-columns:1fr;gap:1rem}}.tool-category-section{margin-bottom:4rem}.tool-category-section h2{font-family:"Poppins","Inter",sans-serif;font-size:2.25rem;font-weight:600;line-height:1.3;letter-spacing:-0.015em;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #3b82f6}@media (max-width: 767px){.tool-category-section h2{font-size:1.875rem}}.tool-category-section .tool-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem}@media (max-width: 767px){.tool-category-section .tool-grid{grid-template-columns:1fr;gap:1rem}}.seo-text-block{background:white;padding:2rem 1.5rem;border-radius:1.25rem;border:1px solid #e5e5e5;margin-bottom:2rem}.seo-text-block h2{font-family:"Poppins","Inter",sans-serif;font-size:1.875rem;font-weight:600;line-height:1.4;letter-spacing:-0.01em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e5e5}@media (max-width: 767px){.seo-text-block h2{font-size:1.5rem}}.seo-text-block h3{font-size:1.125rem;font-weight:600;margin:1.25rem 0 .5rem;color:#262626}.seo-text-block p{font-size:1rem;line-height:1.625;color:#525252;margin-bottom:.75rem}.main-content>h1{font-family:"Poppins","Inter",sans-serif;font-size:2.25rem;font-weight:700;color:#171717;text-align:center;margin-top:2.5rem;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;letter-spacing:-0.02em;line-height:1.3}.main-content>h1::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#3b82f6;border-radius:2px}@media (max-width: 767px){.main-content>h1{font-size:1.875rem;margin-top:2rem;margin-bottom:1.5rem}}.seo-description{text-align:center;max-width:600px;margin:0 auto 3rem}.seo-description p{font-size:1rem;color:#737373;line-height:1.625}@media (max-width: 767px){.seo-description{margin-bottom:2.5rem}}.micro-copy{text-align:center;font-size:.875rem;color:#a3a3a3;margin-top:2rem;padding:1rem 1.25rem;background:#fafafa;border-radius:1rem;border:1px dashed #e5e5e5;letter-spacing:0.02em}.micro-copy::before{content:'∑';font-family:"JetBrains Mono","Fira Code","Courier New",monospace;margin-right:.75rem;color:#60a5fa;font-size:1.125rem}.tool-lead-summary{font-size:1.125rem;font-weight:500;color:#404040;background:#eff6ff;padding:1.5rem 1.75rem;border-radius:1rem;border-left:4px solid #3b82f6;margin-bottom:2.5rem;line-height:1.625}.tool-article{background:white;padding:3rem 2.5rem;border-radius:1.25rem;border:1px solid #e5e5e5;margin:4rem 0}@media (max-width: 767px){.tool-article{padding:2rem 1.5rem;margin:3rem 0}}.tool-article h2{font-size:1.5rem;font-weight:700;color:#171717;margin:3rem 0 1.25rem;padding-bottom:1rem;border-bottom:2px solid #f5f5f5;line-height:1.3}.tool-article h2:first-of-type{margin-top:0}.tool-article h3{font-size:1.25rem;font-weight:600;color:#262626;margin:2rem 0 1rem;line-height:1.4}.tool-article p{font-size:1rem;line-height:2;color:#525252;margin-bottom:1.25rem}.tool-article ul,.tool-article ol{margin:1.25rem 0 1.5rem;padding-left:1.5rem;color:#525252}.tool-article ul li,.tool-article ol li{margin-bottom:.75rem;line-height:1.625;font-size:1rem}.tool-article a{color:#2563eb;text-decoration:underline;text-decoration-color:#bfdbfe;text-underline-offset:3px}.tool-article a:hover{text-decoration-color:#3b82f6}.tool-article strong{font-weight:600;color:#262626}.breadcrumb{padding:1rem 0;margin-bottom:.5rem}.breadcrumb .breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.breadcrumb .breadcrumb-item{display:flex;align-items:center;font-size:.875rem;color:#a3a3a3}.breadcrumb .breadcrumb-item:not(:last-child)::after{content:'/';margin:0 .5rem;color:#d4d4d4}.breadcrumb .breadcrumb-item a{color:#a3a3a3}.breadcrumb .breadcrumb-item a:hover{color:#3b82f6}.breadcrumb .breadcrumb-item.active{color:#525252}.hidden{display:none !important}.block{display:block !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-0{margin-top:0 !important}.mt-2{margin-top:.5rem !important}.mt-4{margin-top:1rem !important}.mt-6{margin-top:1.5rem !important}.mt-8{margin-top:2rem !important}.mb-0{margin-bottom:0 !important}.mb-2{margin-bottom:.5rem !important}.mb-4{margin-bottom:1rem !important}.mb-6{margin-bottom:1.5rem !important}.mb-8{margin-bottom:2rem !important}.pt-4{padding-top:1rem !important}.pb-4{padding-bottom:1rem !important}.px-4{padding-left:1rem !important;padding-right:1rem !important}.py-4{padding-top:1rem !important;padding-bottom:1rem !important}.text-primary{color:#2563eb !important}.text-secondary{color:#525252 !important}.text-success{color:#10b981 !important}.text-error{color:#ef4444 !important}.text-warning{color:#f59e0b !important}.bg-primary{background-color:#2563eb !important}.bg-white{background-color:white !important}.bg-gray{background-color:#f5f5f5 !important}.border{border:1px solid #e5e5e5 !important}.border-none{border:none !important}.rounded{border-radius:.75rem !important}.rounded-lg{border-radius:1rem !important}.rounded-full{border-radius:9999px !important}.shadow-sm{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1) !important}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1) !important}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1) !important}.shadow-none{box-shadow:none !important}.w-full{width:100% !important}.w-auto{width:auto !important}@media (max-width: 767px){.md\:hidden{display:none !important}.md\:block{display:block !important}}