.phone-formatter{width:100%;max-width:800px;margin:0 auto}.formatter-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:3px solid var(--color-primary);position:relative;min-height:400px}.rotary-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-xl);z-index:10;opacity:1;transition:opacity var(--transition-slow)}.rotary-loader.hidden{opacity:0;pointer-events:none}.phone-booth{animation:glow 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(220,36,31,.4))}@keyframes glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.formatter-content{opacity:1;transition:opacity var(--transition-slow)}.formatter-content.loading{opacity:.3;pointer-events:none}.input-section{margin-bottom:var(--spacing-xl)}.input-label{display:block;font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-sm);font-size:1.125rem}.input-group{position:relative;display:flex;align-items:center}.phone-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:3rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:1.125rem;font-family:var(--font-mono);transition:all var(--transition-fast);background:var(--color-bg)}.phone-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.clear-btn{position:absolute;right:var(--spacing-md);background:none;border:none;font-size:1.75rem;color:var(--color-text-light);cursor:pointer;padding:0;width:2rem;height:2rem;display:none;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.clear-btn:hover{background:var(--color-error);color:#fff}.clear-btn.visible{display:flex}.input-hint{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-text-light)}.country-section{margin-bottom:var(--spacing-xl)}.country-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:1rem;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast)}.country-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.results-section{animation:fadeIn var(--transition-slow);margin-top:var(--spacing-xl)}.results-title{color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.results-subtitle{color:var(--color-text-light);font-size:.875rem;margin-bottom:var(--spacing-xl)}.result-hero{background:#fff;border:1px solid #E5E7EB;border-radius:var(--radius-lg);padding:var(--spacing-2xl);cursor:pointer;transition:all .2s ease-out;display:flex;justify-content:space-between;align-items:flex-start;position:relative;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;margin-bottom:var(--spacing-xl)}.result-hero:hover{border-color:#d4af37;transform:translateY(-4px);box-shadow:0 10px 25px #00000014,0 5px 10px #0000000d}.result-hero.copied{border-color:#10b981;background:#f0fdf4;animation:pulse .4s ease}@keyframes pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}.result-hero-content{flex:1}.result-hero .result-label{font-weight:600;color:#6b7280;font-size:.75rem;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.result-hero .result-value{font-family:var(--font-mono);font-size:2rem;font-weight:600;color:#1f2937;letter-spacing:.5px;margin-bottom:var(--spacing-sm);word-break:break-all}.result-description{font-size:.875rem;color:#9ca3af;margin:0}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.result-item{background:#fff;border:1px solid #E5E7EB;border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease-out;position:relative;box-shadow:0 1px 2px #0000000a}.result-item:hover{border-color:#d4af37;transform:translateY(-4px);box-shadow:0 8px 20px #00000014,0 4px 8px #0000000d}.result-item.copied{border-color:#10b981;background:#f0fdf4;animation:pulse .4s ease}.result-label{font-weight:600;color:#6b7280;font-size:.7rem;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.result-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:#1f2937;letter-spacing:.3px;margin-bottom:var(--spacing-sm);word-break:break-all;line-height:1.4}.copy-icon{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:#9ca3af;transition:all .2s ease-out;width:20px;height:20px}.result-hero .copy-icon{width:24px;height:24px}.result-item:hover .copy-icon,.result-hero:hover .copy-icon{color:#d4af37;transform:scale(1.1)}.result-item.copied .copy-icon,.result-hero.copied .copy-icon{color:#10b981}.check-icon{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:#10b981;width:20px;height:20px}.result-hero .check-icon{width:24px;height:24px}.error-message{background:#e74c3c1a;border:2px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);animation:shake .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:768px){.results-grid{grid-template-columns:1fr}.result-hero .result-value{font-size:1.5rem}.result-value{font-size:1.125rem}}@media(max-width:640px){.formatter-card{padding:var(--spacing-lg)}.phone-input{font-size:1rem}.result-hero{padding:var(--spacing-lg)}.result-hero .result-value{font-size:1.25rem}.result-value{font-size:1rem}.result-item{padding:var(--spacing-md)}}.hero[data-astro-cid-j7pv25f6]{background:linear-gradient(135deg,#d4af370d,#2c3e500d);padding:var(--spacing-3xl) 0}.hero-content[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:var(--spacing-2xl)}.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:3rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:1.25rem;color:var(--color-text-light);max-width:700px;margin:0 auto var(--spacing-2xl)}.hero-features[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.feature[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--spacing-lg)}.feature[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{color:var(--color-primary);margin:0 auto var(--spacing-md)}.feature[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.feature[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--color-text-light);margin:0}.what-is-section[data-astro-cid-j7pv25f6]{background:var(--color-surface)}.content-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);margin-top:var(--spacing-xl)}.benefit-list[data-astro-cid-j7pv25f6]{list-style:none;padding:0}.benefit-list[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]{padding:var(--spacing-sm) 0;padding-left:var(--spacing-xl);position:relative}.benefit-list[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]:before{content:"✗";position:absolute;left:0;color:var(--color-error);font-weight:700}.format-examples[data-astro-cid-j7pv25f6]{background:var(--color-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--color-border)}.format-examples[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin-bottom:var(--spacing-lg);color:var(--color-secondary)}.example-item[data-astro-cid-j7pv25f6]{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:#fff;border-radius:var(--radius-md);font-family:var(--font-mono);border:2px solid var(--color-border)}.example-item[data-astro-cid-j7pv25f6].highlight{border-color:var(--color-primary);background:#d4af370d;position:relative;padding-right:120px}.badge[data-astro-cid-j7pv25f6]{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-sans)}.how-it-works-section[data-astro-cid-j7pv25f6]{background:linear-gradient(135deg,var(--color-secondary) 0%,#1a252f 100%);color:#fff}.how-it-works-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.steps-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.step[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--spacing-xl);background:#ffffff0d;border-radius:var(--radius-lg);border:2px solid rgba(212,175,55,.2)}.step-number[data-astro-cid-j7pv25f6]{width:60px;height:60px;background:var(--color-primary);color:var(--color-secondary);font-size:2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.step[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.step[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:#fffc}.e164-section[data-astro-cid-j7pv25f6]{background:var(--color-surface)}.section-intro[data-astro-cid-j7pv25f6]{text-align:center;max-width:800px;margin:0 auto var(--spacing-2xl);font-size:1.125rem;color:var(--color-text-light)}.format-breakdown[data-astro-cid-j7pv25f6]{background:var(--color-bg);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:3px solid var(--color-primary)}.breakdown-header[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:var(--spacing-2xl)}.large-code[data-astro-cid-j7pv25f6]{display:inline-block;font-size:1.5rem;font-family:var(--font-mono);background:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--color-border);color:var(--color-primary-dark);font-weight:700}.breakdown-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.breakdown-item[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-border)}.breakdown-symbol[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:2rem;color:var(--color-primary);font-weight:700;margin-bottom:var(--spacing-sm)}.breakdown-item[data-astro-cid-j7pv25f6] h4[data-astro-cid-j7pv25f6]{color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.breakdown-item[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--color-text-light);font-size:.875rem;margin:0}.format-rules[data-astro-cid-j7pv25f6]{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--color-primary)}.format-rules[data-astro-cid-j7pv25f6] h4[data-astro-cid-j7pv25f6]{color:var(--color-secondary);margin-bottom:var(--spacing-md)}.format-rules[data-astro-cid-j7pv25f6] ul[data-astro-cid-j7pv25f6]{list-style:none;padding:0}.format-rules[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]{padding:var(--spacing-sm) 0;padding-left:var(--spacing-xl);position:relative}.format-rules[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.faq-section[data-astro-cid-j7pv25f6]{background:var(--color-bg)}.faq-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:var(--spacing-2xl)}.faq-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.faq-item[data-astro-cid-j7pv25f6]{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--color-border);transition:all var(--transition-base)}.faq-item[data-astro-cid-j7pv25f6]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.faq-item[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{color:var(--color-secondary);font-size:1.125rem;margin-bottom:var(--spacing-md)}.faq-item[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--color-text-light);margin:0;line-height:1.7}.faq-cta[data-astro-cid-j7pv25f6]{text-align:center;padding-top:var(--spacing-xl)}.faq-cta[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:1.25rem;margin-bottom:var(--spacing-md)}.btn-primary[data-astro-cid-j7pv25f6]{display:inline-block;background:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all var(--transition-base);border:none;font-size:1.125rem}.btn-primary[data-astro-cid-j7pv25f6]:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none}.cta-section[data-astro-cid-j7pv25f6]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-align:center}.cta-content[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{color:#fff;font-size:2.5rem}.cta-content[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.95}.cta-section[data-astro-cid-j7pv25f6] .btn-primary[data-astro-cid-j7pv25f6]{background:#fff;color:var(--color-primary-dark)}.cta-section[data-astro-cid-j7pv25f6] .btn-primary[data-astro-cid-j7pv25f6]:hover{background:var(--color-surface)}@media(max-width:992px){.content-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:var(--spacing-xl)}.faq-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}@media(max-width:640px){.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:2rem}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:1rem}.example-item[data-astro-cid-j7pv25f6].highlight{padding-right:var(--spacing-md)}.badge[data-astro-cid-j7pv25f6]{position:static;transform:none;display:inline-block;margin-top:var(--spacing-sm)}.large-code[data-astro-cid-j7pv25f6]{font-size:1.125rem;padding:var(--spacing-sm) var(--spacing-md)}}