.header{position:sticky;top:0;z-index:100;min-height:64px;background:#ffffffeb;border-bottom:1px solid rgba(226,232,240,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-container{width:min(1152px,calc(100% - 2rem));min-height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.header-left{display:flex;align-items:center;min-width:0}.logo{display:inline-flex;align-items:center;gap:.65rem;color:#111827;text-decoration:none}.logo-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#0f7a4f,#2563eb);border-radius:10px;box-shadow:0 10px 26px #2563eb38}.logo span:last-child{display:inline-block;font-size:1.05rem;font-weight:800;letter-spacing:0;white-space:nowrap}.header-right{display:flex;align-items:center;gap:1rem}.nav{display:flex;align-items:center;gap:1.8rem}.nav-link{color:#64748b;text-decoration:none;font-size:.92rem;font-weight:650;transition:color .15s ease}.nav-link:hover{color:#0f172a}.language-switcher{display:flex;align-items:center;gap:.45rem;color:#64748b}.globe-icon{color:currentColor}.language-select{min-width:112px;padding:.55rem 2rem .55rem .8rem;border:1px solid rgba(203,213,225,.9);border-radius:999px;background-color:#ffffffc7;color:#334155;font-size:.86rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364758b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .7rem center;background-repeat:no-repeat;background-size:1rem}.language-select:focus{outline:3px solid rgba(37,99,235,.16);border-color:#2563eb}.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;padding:0 1.15rem;color:#fff;background:#2563eb;border-radius:999px;font-size:.92rem;font-weight:800;text-decoration:none;box-shadow:0 12px 30px #2563eb38;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.nav-cta:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 16px 36px #2563eb47}.menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;color:#0f172a;background:#f8fafce0;border:1px solid rgba(203,213,225,.9);border-radius:999px;cursor:pointer}@media (max-width: 820px){.header-container{width:min(100% - 1.25rem,1152px)}.logo span:last-child{font-size:.98rem}.menu-toggle{display:inline-flex;position:relative;z-index:102}.header-right{position:fixed;top:64px;right:0;bottom:0;left:0;z-index:101;display:grid;gap:1.35rem;justify-items:stretch;align-content:start;padding:1.25rem;background:#fffffff5;border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 28px 60px #0f172a24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.header-right.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav{display:grid;gap:.25rem}.nav-link{padding:1rem;color:#0f172a;background:#f8fafc;border-radius:14px;font-size:1.05rem}.language-switcher,.nav-cta,.language-select{width:100%}.nav-cta{min-height:48px}}.home-page{min-height:100vh}.home-page{min-height:100vh;background:#fff;color:#0f172a}.home-page .container{width:min(1152px,calc(100% - 2rem));max-width:1152px;padding:0}.hero-section{min-height:clamp(680px,82vh,900px);display:flex;align-items:center;padding:6rem 0 4rem;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.13),transparent 34%),radial-gradient(circle at 82% 26%,rgba(15,122,79,.12),transparent 30%),linear-gradient(180deg,#fafafa,#f8fafc);color:#0f172a;text-align:center}.hero-section:before{display:none}.hero-background-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 74%);mask-image:radial-gradient(circle at center,black 0%,transparent 74%);animation:gridDrift 18s linear infinite;pointer-events:none}.hero-kicker{position:relative;z-index:1;display:inline-flex;margin:0 auto 1.35rem;padding:.55rem 1rem;color:#2563eb;background:#ffffffb8;border:1px solid rgba(191,219,254,.9);border-radius:999px;box-shadow:0 18px 60px #2563eb1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.92rem;font-weight:800}.hero-title{display:grid;gap:.2rem;max-width:980px;margin:0 auto 1.5rem;color:#0f172a;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:850;line-height:1.02;letter-spacing:0}.rotating-words{position:relative;display:inline-grid;min-height:1.08em;color:#2563eb}.rotating-words span{grid-area:1 / 1;opacity:0;transform:translateY(.22em);animation:rotateWords 9s infinite}.rotating-words span:nth-child(2){animation-delay:3s}.rotating-words span:nth-child(3){animation-delay:6s}.hero-description{position:relative;z-index:1;max-width:850px;margin:0 auto 2rem;padding:1rem 1.25rem;color:#475569;background:#ffffff94;border:1px solid rgba(226,232,240,.88);border-radius:24px;font-size:clamp(1rem,2vw,1.18rem);font-weight:400;line-height:1.7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-cta,.section-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:0 1.65rem;color:#fff;background:#2563eb;border-radius:999px;font-size:1rem;font-weight:850;text-decoration:none;box-shadow:0 18px 42px #2563eb42;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.hero-cta:hover,.section-cta:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 24px 54px #2563eb4d}.hero-pill-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.05rem;color:#334155;background:#ffffffd9;border:1px solid rgba(226,232,240,.95);border-radius:999px;font-size:.92rem;font-weight:750;box-shadow:0 12px 30px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-pill svg{color:#2563eb}.tool-section{position:relative;z-index:2;margin-top:-4.5rem;padding:0 0 5.5rem;background:linear-gradient(180deg,transparent 0%,#ffffff 18%,#ffffff 100%)}.main-functionality-card{max-width:1040px;padding:clamp(1.25rem,4vw,2.25rem);background:#ffffffdb;border:1px solid rgba(226,232,240,.95);border-radius:24px;box-shadow:0 28px 90px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool-heading{color:#0f172a;font-size:clamp(1.35rem,3vw,2rem);font-weight:850;text-align:left}.upload-area{background:linear-gradient(180deg,#f8fafce6,#eff6ffc7);border:1.5px dashed rgba(37,99,235,.32);border-radius:20px}.upload-area:hover{background:#eff6ffe6;border-color:#2563eb}.btn{border-radius:999px;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.btn-primary,.btn-accent{background:#2563eb;color:#fff;box-shadow:0 14px 32px #2563eb3d}.btn-primary:hover:not(:disabled),.btn-accent:hover:not(:disabled){background:#1d4ed8}.btn-outline{color:#2563eb;border:1px solid #2563eb;background:#ffffffb8}.features-capabilities-section{margin-top:0;padding:5.5rem 0;background:#f5f5f5;border-radius:32px 32px 0 0}.features-capabilities-section .container,.how-to-use-section .container,.faq-section .container{text-align:left}.section-title{color:#0f172a;font-size:clamp(1.75rem,4.5vw,3rem);font-weight:850;line-height:1.08;letter-spacing:0;text-align:left}.section-title:after{display:none}.section-subtitle{max-width:760px;margin:1rem 0 0;color:#64748b;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.7;text-align:left}.seo-feature-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:2rem 0 2.4rem;padding:0}.seo-feature-list li{list-style:none;background:#ffffffb8;border:1px solid rgba(226,232,240,.85);border-radius:999px;box-shadow:0 10px 28px #0f172a0b}.core-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.feature-card-large{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr);gap:1.5rem;align-items:stretch;min-height:320px;padding:1.35rem;background:#ffffffbf;border:1px solid rgba(209,213,219,.85);border-radius:22px;box-shadow:0 16px 50px #0f172a12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card-large:hover{transform:translateY(-4px);border-color:#2563eb3d;box-shadow:0 24px 70px #0f172a1c}.feature-card-large:nth-child(3){grid-column:1 / -1}.feature-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.feature-icon{width:52px;height:52px;margin:0 0 1.4rem;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px}.feature-card-large h3{margin:0 0 .85rem;color:#0f172a;font-size:clamp(1.5rem,3vw,2rem);line-height:1.14}.feature-card-large p{margin:0;color:#64748b;font-size:1.05rem;line-height:1.65}.feature-card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.4rem;color:#2563eb;font-weight:850;text-decoration:none}.feature-visual{position:relative;overflow:hidden;min-height:250px;background:radial-gradient(circle at 80% 16%,rgba(37,99,235,.22),transparent 32%),linear-gradient(145deg,#f8fafc,#e0f2fe);border:1px solid rgba(226,232,240,.92);border-radius:18px}.visual-window{position:absolute;top:24px;left:24px;display:flex;gap:6px}.visual-window span{width:9px;height:9px;background:#94a3b8;border-radius:999px}.visual-sheet{position:absolute;right:24px;bottom:24px;left:24px;display:grid;gap:10px;padding:18px;background:#ffffffd1;border:1px solid rgba(226,232,240,.95);border-radius:16px;box-shadow:0 18px 42px #0f172a1a}.visual-sheet div{height:14px;background:linear-gradient(90deg,#bfdbfe,#dcfce7);border-radius:999px}.visual-sheet div:nth-child(2),.visual-sheet div:nth-child(4){width:72%}.feature-visual-secure{background:radial-gradient(circle at 50% 32%,rgba(15,122,79,.24),transparent 34%),linear-gradient(145deg,#f8fafc,#dcfce7)}.feature-visual-download{background:radial-gradient(circle at 72% 22%,rgba(37,99,235,.2),transparent 30%),linear-gradient(145deg,#eef2ff,#f8fafc)}.how-to-use-section{padding:5.5rem 0;background:#fff}.steps-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.25rem}.step{display:grid;gap:1.2rem;padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 34px #0f172a0e}.step-number{width:58px;height:58px;margin:0;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;font-size:1.55rem}.step-title{color:#0f172a;font-size:1.35rem;line-height:1.2}.step-description{color:#64748b;font-size:1rem;line-height:1.7}.how-to-use-section .section-cta,.faq-section .section-cta{margin-top:2rem}.faq-section{padding:5.5rem 0;background:#fafafa}.faq-list{display:grid;gap:.9rem;max-width:860px;margin:2.25rem 0 0}.faq-item{overflow:hidden;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px #0f172a0b}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.35rem;color:#0f172a;cursor:pointer;font-size:1.02rem;font-weight:850;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;flex:0 0 auto;margin-left:1rem;color:#2563eb;background:#eff6ff;border-radius:999px;transition:transform .3s ease}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-answer{padding:0 1.35rem 1.25rem;color:#64748b;line-height:1.7}.footer{padding:4rem 0 2rem;color:#475569;background:#ffffffeb;border-top:1px solid #e2e8f0}.footer:before{display:none}.footer-content{grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.footer-column h3{color:#0f172a}.footer-column p,.footer-column ul li a,.footer-bottom{color:#475569}.footer-column ul li{border-bottom-color:#e2e8f0}.footer-column ul li a:hover{color:#2563eb}@keyframes rotateWords{0%,6%{opacity:0;transform:translateY(.22em)}12%,30%{opacity:1;transform:translateY(0)}36%,to{opacity:0;transform:translateY(-.2em)}}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@media (max-width: 900px){.core-features-grid,.steps-list{grid-template-columns:1fr}.feature-card-large,.feature-card-large:nth-child(3){grid-column:auto;grid-template-columns:1fr}.feature-visual{min-height:220px}}@media (max-width: 640px){.home-page .container{width:min(100% - 1.25rem,1152px)}.hero-section{min-height:720px;padding:4.5rem 0 3rem}.hero-description{padding:.9rem;border-radius:18px}.hero-pill-row{display:grid;grid-template-columns:1fr;align-items:stretch}.hero-pill{justify-content:center}.tool-section{margin-top:-3rem;padding-bottom:4rem}.main-functionality-card{border-radius:20px}.features-capabilities-section,.how-to-use-section,.faq-section{padding:4rem 0}.section-title,.section-subtitle{text-align:left}.footer-content{grid-template-columns:1fr}}.hero-section{background:var(--gradient-primary);color:#fff;padding:8rem 0;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;line-height:1.1;letter-spacing:-.025em;position:relative;z-index:1}.hero-description{font-size:1.375rem;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;opacity:.95;line-height:1.65;position:relative;z-index:1}.main-functionality-card{background:#fff;border-radius:var(--radius-xl);padding:3.5rem;box-shadow:var(--shadow-2xl);max-width:1000px;margin:0 auto;position:relative;z-index:2;border:1px solid rgba(255,255,255,.2)}.tool-heading{color:var(--text-primary);font-size:1.75rem;line-height:1.25;margin:0 0 2rem}.seo-feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:2rem 0 3rem;text-align:left}.seo-feature-list li{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);line-height:1.6;list-style-position:inside;padding:1rem}.context-link{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-top:1.5rem;text-align:center}.context-link a{color:var(--primary-color);font-weight:700}.privacy-summary-section{background:var(--surface);padding:5rem 0;text-align:center}.upload-area{text-align:center;padding:4.5rem 2.5rem;border:2px dashed var(--border);border-radius:var(--radius-xl);margin-bottom:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--surface);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.upload-area:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-area:active{transform:translateY(0);box-shadow:var(--shadow-md)}.upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.upload-area:hover:before{opacity:1}.upload-icon-large{color:var(--primary-color);margin-bottom:2rem;opacity:.8;transition:all .3s ease}.upload-area:hover .upload-icon-large{opacity:1;transform:scale(1.05)}.upload-area h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em}.upload-area p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.65;transition:color .3s ease}.upload-area:hover p{color:var(--text-primary)}.upload-hint{font-size:.875rem;color:var(--text-muted);margin-top:2rem;opacity:.8}.data-processing-interface{width:100%}.data-preview-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.data-preview-panel{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.data-preview-panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.panel-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:var(--surface);border-bottom:1px solid var(--border-light)}.panel-header h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.data-count{font-size:.875rem;color:var(--text-muted);font-weight:600;padding:.25rem .75rem;background:var(--primary-light);border-radius:var(--radius-sm)}.data-table-container{max-height:400px;overflow-y:auto;padding:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:var(--surface);padding:.75rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.data-table td{padding:.75rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--surface)}.function-settings-section{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:2.5rem}.settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.settings-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.settings-content{display:flex;flex-direction:column;gap:2.5rem}.setting-group h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.columns-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.column-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.column-checkbox:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.column-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary-color)}.column-checkbox span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.strategy-selection{display:flex;gap:1.5rem;margin-bottom:1rem}.strategy-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1.25rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.strategy-radio:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.strategy-radio input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--primary-color)}.strategy-radio span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.progress-section{background:#fff;padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.progress-bar{width:100%;height:8px;background:var(--border-light);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--text-secondary);font-weight:600}.action-buttons{display:flex;gap:1.5rem;justify-content:center;padding-top:1rem}.action-buttons .btn{min-width:200px}.why-choose-section{padding:8rem 0;background:var(--surface);position:relative}.why-choose-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.3}.section-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:5rem;color:var(--text-primary);letter-spacing:-.025em;position:relative}.section-title:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);width:33.33%;height:2px;background:var(--gradient-primary);opacity:.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:3rem;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.feature-card:hover:before{opacity:1}.feature-icon{color:var(--primary-color);margin-bottom:2.5rem;opacity:.9}.feature-card h3{font-size:1.375rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.025em}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:1rem}.how-to-use-section{padding:8rem 0;background:#fff;position:relative}.steps-list{display:flex;flex-direction:column;gap:3rem;max-width:800px;margin:0 auto}.step{display:flex;align-items:flex-start;gap:2rem;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:80px;left:40px;width:2px;height:3rem;background:var(--gradient-primary);opacity:.3}.step-number{width:80px;height:80px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.875rem;font-weight:800;box-shadow:var(--shadow-lg);position:relative;flex-shrink:0}.step-number:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:var(--gradient-primary);border-radius:50%;opacity:.3;z-index:-1}.step-content{flex:1;text-align:left}.step-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;letter-spacing:-.025em}.step-description{color:var(--text-secondary);line-height:1.65;font-size:1.125rem;font-weight:500;margin:0}.faq-section{padding:8rem 0;background:var(--surface);position:relative}.faq-list{max-width:900px;margin:0 auto}.faq-item{background:#fff;border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.faq-question{display:flex;align-items:center;padding:2.5rem 2.5rem 1rem;font-weight:700;color:var(--text-primary);font-size:1.125rem}.faq-answer{padding:0 2.5rem 2.5rem;color:var(--text-secondary);line-height:1.7;font-size:1rem}.footer{background:var(--footer-bg);color:var(--footer-text);padding:5rem 0 2rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.3}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3.5rem;margin-bottom:3.5rem}.footer-column h3{font-size:1.25rem;font-weight:700;margin-bottom:2rem;color:#f1f5f9;letter-spacing:-.025em}.footer-column p{color:var(--footer-text);line-height:1.7;margin-bottom:2rem;font-size:1rem}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--footer-border)}.footer-column ul li:last-child{border-bottom:none}.footer-column ul li a{color:var(--footer-text);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.footer-column ul li a:hover{color:#f1f5f9;transform:translate(4px)}.footer-bottom{text-align:center;padding-top:3rem;border-top:1px solid var(--footer-border);color:var(--footer-text);font-size:.95rem}@media (max-width: 1024px){.data-preview-section{grid-template-columns:1fr;gap:1.5rem}.columns-selection{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn{width:100%;max-width:300px}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.25rem}.main-functionality-card{margin:0 1rem;padding:2.5rem}.upload-area{padding:3.5rem 2rem}.data-table-container{max-height:300px}.data-table{font-size:.8125rem}.data-table th,.data-table td{padding:.5rem}.function-settings-section{padding:2rem}.panel-header{padding:1.25rem}.panel-header h3{font-size:1rem}.columns-selection{grid-template-columns:1fr;gap:.5rem}.strategy-selection{flex-direction:column;gap:.75rem}.setting-group h4{font-size:1rem;margin-bottom:1rem}.features-grid{grid-template-columns:1fr;gap:2.5rem}.steps-list{flex-direction:column;gap:4rem}.step:not(:last-child):after{display:none}.section-title{font-size:2.5rem}.footer-content{grid-template-columns:1fr;text-align:center;gap:2.5rem}}@media (max-width: 480px){.hero-section{padding:6rem 0}.main-functionality-card{padding:2rem}.upload-area{padding:3rem 1.5rem}.function-settings-section{padding:1.5rem}.columns-selection{gap:.5rem}.column-checkbox,.strategy-radio{padding:.625rem}.column-checkbox span,.strategy-radio span{font-size:.8125rem}.feature-card{padding:2.5rem}}.file-info{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:2rem}.file-details{display:flex;align-items:center;gap:.75rem}.file-name{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.file-size{font-size:.875rem;color:var(--text-muted)}.sheet-selector{display:flex;align-items:center;gap:.75rem;margin:0 1rem}.sheet-selector label{font-size:.875rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.sheet-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px}.sheet-select:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.sheet-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.btn-remove{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem}.btn-remove:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.file-error{display:flex;align-items:flex-start;background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:1.25rem;border-radius:var(--radius);margin-top:1.5rem;font-size:.875rem;position:relative;animation:slideInError .3s ease-out}.error-content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding-right:2.5rem}.error-message{font-weight:600;font-size:1rem}.error-suggestion{font-size:.875rem;opacity:.8;font-style:italic;line-height:1.4}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#dc2626;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.8;min-width:32px;min-height:32px}.error-close-btn:hover{background:#dc262626;opacity:1;transform:scale(1.1)}.error-close-btn:focus{outline:none;box-shadow:0 0 0 3px #dc26264d}.setting-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.select-all-buttons{display:flex;gap:.75rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);background:#fff;color:var(--text-primary)}.btn-sm:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.more-rows{text-align:center;color:#6b7280;font-style:italic;padding:1rem 1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:2px solid #e5e7eb;font-weight:500;border-radius:0 0 12px 12px}.duplicates-preview .more-rows{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-top:2px solid #fecaca;color:#dc2626;font-weight:600}.results-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0 1.5rem;color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.results-summary h4{font-size:1.25rem;font-weight:700;margin:1rem 0 .5rem;color:var(--primary-color)}.results-summary p{font-size:1rem;color:var(--text-secondary);margin:0}.results-content{padding:2rem}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.stat-item{text-align:center;padding:.5rem}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:500}.stat-value{display:block;font-size:1.25rem;font-weight:600;color:var(--primary-color)}.results-preview{margin-bottom:1.5rem}.results-preview h5{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.strategy-info{padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.strategy-info h5{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.strategy-details{display:flex;flex-direction:column;gap:.75rem}.strategy-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.strategy-item:last-child{border-bottom:none}.strategy-label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.strategy-value{font-weight:600;color:var(--text-primary);font-size:.875rem}.processed-data-preview{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.processed-data-preview h5{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.processing-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-muted);text-align:center}.processing-placeholder svg{margin-bottom:1rem;opacity:.6}.processing-placeholder p{font-size:1rem;margin:0}.features-capabilities-section{padding:6rem 0;background:var(--color-background)}.section-subtitle{font-size:1.25rem;color:var(--text-muted);text-align:center;max-width:800px;margin:0 auto 4rem;line-height:1.6}.core-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:5rem}.feature-card-large{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border);transition:all .3s ease;position:relative;overflow:hidden}.feature-card-large:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.feature-card-large:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.feature-card-large .feature-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.feature-card-large h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.feature-card-large p{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.use-cases-section{margin-bottom:5rem}.subsection-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.use-case-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #0000000f;border:1px solid var(--color-border);transition:all .3s ease}.use-case-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.use-case-card h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.use-case-card p{color:var(--text-muted);line-height:1.6;margin:0}.technical-specs{margin-bottom:5rem}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.spec-item{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #0000000f;border:1px solid var(--color-border)}.spec-item h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.spec-item p{color:var(--text-muted);line-height:1.6;margin:0}.comparison-section{margin-bottom:3rem}.comparison-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 20px #00000014}.comparison-table{width:100%;border-collapse:collapse;background:#fff;min-width:600px}.comparison-table th{background:var(--gradient-primary);color:#fff;padding:1.5rem 1rem;text-align:left;font-weight:600;font-size:1rem}.comparison-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--color-border);color:var(--text-secondary)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .check{color:var(--color-success);font-weight:700;text-align:center;font-size:1.25rem}.comparison-table .cross{color:var(--color-error);font-weight:700;text-align:center;font-size:1.25rem}.comparison-table .partial{color:var(--color-warning);font-weight:700;text-align:center;font-size:1.25rem}.preview-content{padding:1.5rem;background:#fff;border-radius:16px;border:2px solid #e0e7ff;box-shadow:0 4px 20px #6366f11a;position:relative;overflow:hidden}.preview-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,#7c3aed 100%)}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-radius:12px;border:2px solid var(--color-primary);box-shadow:0 4px 20px #6366f126}.preview-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e0e7ff;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.preview-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f133}.preview-stats .stat-label{font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.preview-stats .stat-value{font-size:1.75rem;font-weight:900;color:#1f2937;text-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1}.duplicates-preview{margin-bottom:2rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 8px #0000000d}.duplicates-preview h5{font-size:1.25rem;font-weight:700;color:#dc2626;margin:0;padding:1rem 1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:2px solid #fecaca;display:flex;align-items:center;gap:.5rem}.duplicates-preview h5:before{content:"⚠️";font-size:1.25rem;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.duplicates-preview .data-table-container{max-height:300px;overflow-y:auto;padding:0;background:#fff}.duplicates-preview .data-table{margin:0;border:none;border-radius:0}.duplicates-preview .data-table thead th{background:#f8fafc;color:#374151;font-weight:600;border-bottom:2px solid #e5e7eb;padding:.75rem 1rem;position:sticky;top:0;z-index:10;text-align:center;vertical-align:middle}.duplicates-preview .data-table tbody td{text-align:center;vertical-align:middle;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.duplicate-row{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-left:5px solid #ef4444;border-right:2px solid #fecaca;position:relative;animation:pulse-red 2s infinite}.duplicate-row:before{content:"⚠️";position:absolute;left:-25px;top:50%;transform:translateY(-50%);font-size:1.2rem;z-index:1}.duplicate-row td{color:#dc2626;font-weight:600;text-shadow:0 1px 2px rgba(220,38,38,.1);border-color:#fecaca!important}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef44441a}}.preview-actions{display:flex;gap:1.5rem;justify-content:center;padding:2rem;border-top:2px solid #e0e7ff;background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-radius:0 0 16px 16px;margin-top:1rem}.preview-actions .btn{min-width:160px;padding:.875rem 1.5rem;font-weight:700;border-radius:10px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;font-size:.95rem;text-transform:none;letter-spacing:.025em}.preview-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.preview-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.preview-actions .btn-primary:hover{background:linear-gradient(135deg,#5b21b6,#6d28d9);color:#fff}.preview-actions .btn-outline{background:#fff;border:2px solid #6366f1;color:#6366f1;font-weight:700}.preview-actions .btn-outline:hover{background:#6366f1;color:#fff;border-color:#6366f1}.preview-actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #0000001a!important;background:#e5e7eb!important;color:#9ca3af!important;border-color:#e5e7eb!important}.preview-actions .btn:disabled:hover{transform:none!important;box-shadow:0 2px 8px #0000001a!important;background:#e5e7eb!important;color:#9ca3af!important;border-color:#e5e7eb!important}@media (max-width: 768px){.core-features-grid{grid-template-columns:1fr;gap:2rem}.feature-card-large{padding:2rem}.use-cases-grid,.specs-grid{grid-template-columns:1fr}.comparison-table-container{font-size:.875rem}.comparison-table th,.comparison-table td{padding:1rem .75rem}.preview-stats{grid-template-columns:1fr;gap:.75rem;padding:1rem}.preview-stats .stat-item{padding:.5rem}.preview-stats .stat-value{font-size:1.5rem}.preview-actions{flex-direction:column}.preview-actions .btn{width:100%}}.home-page .hero-section{min-height:clamp(680px,82vh,900px);display:flex;align-items:center;padding:6rem 0 4rem;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.13),transparent 34%),radial-gradient(circle at 82% 26%,rgba(15,122,79,.12),transparent 30%),linear-gradient(180deg,#fafafa,#f8fafc);color:#0f172a;text-align:center}.home-page .hero-section:before{display:none}.home-page .hero-title{display:grid;gap:.2rem;max-width:980px;margin:0 auto 1.5rem;color:#0f172a;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:850;line-height:1.02;letter-spacing:0}.home-page .hero-description{max-width:850px;margin:0 auto 2rem;padding:1rem 1.25rem;color:#475569;background:#ffffff94;border:1px solid rgba(226,232,240,.88);border-radius:24px;font-size:clamp(1rem,2vw,1.18rem);font-weight:400;line-height:1.7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-page .main-functionality-card{max-width:1040px;padding:clamp(1.25rem,4vw,2.25rem);background:#ffffffdb;border:1px solid rgba(226,232,240,.95);border-radius:24px;box-shadow:0 28px 90px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-page .tool-section{position:relative;z-index:2;margin-top:-4.5rem;padding:0 0 5.5rem;background:linear-gradient(180deg,transparent 0%,#ffffff 18%,#ffffff 100%)}.home-page .features-capabilities-section{margin-top:0;padding:5.5rem 0;background:#f5f5f5;border-radius:32px 32px 0 0}.home-page .section-title{color:#0f172a;font-size:clamp(1.75rem,4.5vw,3rem);font-weight:850;line-height:1.08;letter-spacing:0;text-align:left}.home-page .section-title:after{display:none}.home-page .section-subtitle{max-width:760px;margin:1rem 0 0;color:#64748b;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.7;text-align:left}.home-page .core-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.home-page .feature-card-large{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr);gap:1.5rem;align-items:stretch;min-height:320px;padding:1.35rem;background:#ffffffbf;border:1px solid rgba(209,213,219,.85);border-radius:22px;box-shadow:0 16px 50px #0f172a12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-page .feature-card-large:hover{transform:translateY(-4px);border-color:#2563eb3d;box-shadow:0 24px 70px #0f172a1c}.home-page .feature-card-large:nth-child(3){grid-column:1 / -1}.home-page .feature-icon{width:52px;height:52px;margin:0 0 1.4rem;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px}.home-page .how-to-use-section{padding:5.5rem 0;background:#fff}.home-page .steps-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.25rem}.home-page .step{display:grid;gap:1.2rem;padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 34px #0f172a0e}.home-page .step-number{width:58px;height:58px;margin:0;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;font-size:1.55rem}.home-page .faq-section{padding:5.5rem 0;background:#fafafa}.home-page .faq-list{display:grid;gap:.9rem;max-width:860px;margin:2.25rem 0 0}.home-page .faq-item{overflow:hidden;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px #0f172a0b}.home-page .faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.35rem;color:#0f172a;cursor:pointer;font-size:1.02rem;font-weight:850;list-style:none}.home-page .faq-answer{padding:0 1.35rem 1.25rem;color:#64748b;line-height:1.7}.home-page .footer{padding:4rem 0 2rem;color:#475569;background:#ffffffeb;border-top:1px solid #e2e8f0}.home-page .footer:before{display:none}@media (max-width: 900px){.home-page .core-features-grid,.home-page .steps-list{grid-template-columns:1fr}.home-page .feature-card-large,.home-page .feature-card-large:nth-child(3){grid-column:auto;grid-template-columns:1fr}}@media (max-width: 640px){.home-page .hero-section{min-height:720px;padding:4.5rem 0 3rem}.home-page .tool-section{margin-top:-3rem;padding-bottom:4rem}.home-page .hero-pill-row{display:grid;grid-template-columns:1fr}}.content-page{background:radial-gradient(circle at 12% 12%,rgba(37,99,235,.1),transparent 30%),linear-gradient(180deg,#fafafa,#fff 38%,#f5f5f5);color:var(--text-primary);padding:5.5rem 0}.content-container{max-width:860px;margin:0 auto;padding:2rem;background:#ffffffc7;border:1px solid rgba(226,232,240,.9);border-radius:24px;box-shadow:0 24px 70px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-page h1{color:#0f172a;font-size:clamp(2.4rem,6vw,4rem);font-weight:850;line-height:1.15;margin:0 0 1rem}.content-page h2{color:#0f172a;font-size:1.4rem;line-height:1.3;margin:2rem 0 .75rem}.content-page p,.content-page li{color:#64748b;font-size:1rem;line-height:1.75}.content-lead{font-size:1.15rem}.tutorial-steps{padding-left:1.4rem}.faq-entry{overflow:hidden;margin-top:.9rem;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px #0f172a0b}.faq-entry summary{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;color:#0f172a;cursor:pointer;font-weight:850;list-style:none}.faq-entry summary::-webkit-details-marker{display:none}.faq-entry summary:after{content:"+";display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;flex:0 0 auto;margin-left:1rem;color:#2563eb;background:#eff6ff;border-radius:999px;transition:transform .3s ease}.faq-entry[open] summary:after{transform:rotate(45deg)}.faq-entry p{padding:0 1.25rem 1.2rem}.content-links{background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;margin-top:3rem;padding:1.5rem}.content-links h2{margin-top:0}.content-page a{color:#2563eb;font-weight:600}@media (max-width: 768px){.content-page{padding:2.5rem 0}.content-container{margin:0 .75rem;padding:1.25rem;border-radius:20px}.content-page h1{font-size:2rem}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:var(--error-color);padding:1rem;border-radius:var(--radius);margin:1rem 0;text-align:center}@media (max-width: 768px){.main-content{padding:1rem 0}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--primary-dark: #1e3a8a;--secondary-color: #0f7a4f;--accent-color: #6B7280;--accent-hover: #4B5563;--accent-light: #F3F4F6;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #06B6D4;--background: #ffffff;--surface: #fafafa;--surface-elevated: #f5f5f5;--surface-hover: #e5e7eb;--border: #E5E7EB;--border-light: #F3F4F6;--border-dark: #D1D5DB;--text-primary: #333333;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-light: #D1D5DB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 20px;--gradient-primary: linear-gradient(135deg, #0f7a4f 0%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);--gradient-accent: linear-gradient(135deg, #2563eb 0%, #0f7a4f 100%);--gradient-surface: linear-gradient(135deg, #F9F9FB 0%, #F3F4F6 100%);--footer-bg: #ffffff;--footer-text: #475569;--footer-border: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary)}body{background-color:var(--background);min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md)}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-sm{padding:.625rem 1.25rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}@media (max-width: 768px){.container{padding:0 1rem}.btn{padding:.75rem 1.5rem;font-size:.8125rem}}