:root{--primary-navy:#022164;--accent-cyan:#00b1f1;--accent-coral:#fe4948;--bg-white:#fff;--bg-offwhite:#f8fafc;--text-main:#022164;--text-light:#475569;--border:#e2e8f0;--shadow-soft:0 10px 30px -10px #0f172a1a;--shadow-premium:0 20px 40px -15px #00b1f133;--radius-md:20px;--radius-lg:32px;--glass-bg:#ffffffa6;--glass-blur:20px;--glass-border:1px solid #ffffff80}*{box-sizing:border-box;color:var(--primary-navy);margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background-color:var(--bg-white);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;color:var(--primary-navy)!important}h1,h2,h3,h4,h5,h6,p,span,div,td,th,li,a,textarea,input,label,strong,b,i,em{color:var(--primary-navy)!important}.btn-cta,.btn-cta *{color:#fff!important}.tag-pill{border-color:var(--accent-cyan);color:var(--primary-navy)!important}.highlight-cyan{color:var(--accent-cyan)!important;font-weight:500!important}.ocean-container{z-index:-1;backface-visibility:hidden;background-color:#f8fafc;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;transform:translate(0,0)}.sailboat{z-index:10;filter:drop-shadow(0 15px 25px #02216433);will-change:transform;width:140px;animation:3.5s ease-in-out infinite navigateFloat;position:absolute;bottom:-10%;left:20%}@keyframes navigateFloat{0%,to{transform:translate(0,0)rotate(1deg)}50%{transform:translateY(-18px)rotate(-2.5deg)}}.wave{transform-origin:bottom;will-change:transform;background-position:0 bottom;background-repeat:repeat-x;width:200%;height:40%;position:absolute;bottom:-5%;left:0;transform:translate(0,0)}.wave-bg{z-index:5;background-image:radial-gradient(circle at 50% 100%, var(--accent-cyan) 40%, transparent 41%);opacity:1;background-size:100px 100px;animation:2.5s linear infinite waveScrollBg}.main-logo{filter:drop-shadow(0 15px 30px #0f175438);width:auto;max-width:90vw;height:320px;margin:0 auto -100px;transition:transform .3s;display:block}.main-logo:hover{transform:scale(1.02)}@media (width<=768px){.main-logo{height:180px;margin:0 auto 1rem}.hero h1{padding:0 1rem;font-size:2.2rem}.hero p{padding:0 1.5rem;font-size:1rem}}.wave-fg{z-index:15;background-image:radial-gradient(circle at 50% 100%, var(--primary-navy) 45%, transparent 46%);opacity:1;background-size:140px 140px;animation:1.5s linear infinite waveScrollFg;bottom:-10%}@keyframes waveScrollBg{0%{background-position-x:0}to{background-position-x:-100px}}@keyframes waveScrollFg{0%{background-position-x:0}to{background-position-x:-140px}}@keyframes waveScrollBgMobile{0%{background-position-x:0}to{background-position-x:-70px}}@keyframes waveScrollFgMobile{0%{background-position-x:0}to{background-position-x:-90px}}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem;position:relative}.hero{text-align:center;padding:1.5rem 0 0}.tutorial-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:30px;max-width:1100px;margin:3rem auto;padding:4rem 3rem;box-shadow:0 20px 50px #0f17541a}.anim-sheet,.anim-message{-webkit-backdrop-filter:blur(8px);border:var(--glass-border);border-radius:20px;padding:2rem;box-shadow:0 10px 20px #00000008;background:#fffc!important}.hero h1{color:var(--primary-navy);margin-bottom:1.5rem;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}.btn-cta{background:var(--accent-coral);color:#fff;cursor:pointer;border:none;border-radius:100px;padding:1.2rem 3.5rem;font-size:1.2rem;font-weight:800;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 30px #fe49484d}.btn-cta:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 20px 40px #fe494866}.step-badge{background:var(--accent-cyan);color:#fff;aspect-ratio:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1.5rem;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 5px 15px #00b1f14d}.info-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);border:var(--glass-border);text-align:center;padding:3rem 2rem;transition:all .3s;box-shadow:0 10px 30px #0f17540d}.info-card:hover{box-shadow:var(--shadow-premium);transform:translateY(-8px)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);border:var(--glass-border);margin-top:4rem;padding:4rem}.grid-config{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;margin-bottom:3rem;display:grid}.input-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);border:var(--glass-border);box-shadow:var(--shadow-soft);padding:2rem}.section-title{align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.2rem;font-weight:800;display:flex}textarea{border:1px solid var(--border);resize:none;background:var(--bg-offwhite);border-radius:15px;width:100%;height:280px;padding:1.5rem;font-family:inherit;font-size:1rem;display:block}.onboarding-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin:4rem 0;display:grid}.grid-editor-container{border:1px solid var(--border);background:#fff6;border-radius:15px;margin-top:1rem;overflow:hidden}.grid-controls{border-bottom:1px solid var(--border);background:#ffffff80;align-items:center;gap:.8rem;height:56px;padding:0 1rem;display:flex}.btn-grid-action{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.btn-grid-action:hover{background:var(--bg-offwhite);border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-grid-action.secondary{background:var(--primary-navy);color:#fff;border:none;margin-left:auto}.table-scroll-container{background:#fff;border-radius:0 0 15px 15px;max-width:100%;height:280px;overflow:auto}.modern-grid{border-collapse:collapse;table-layout:auto;width:100%;min-width:600px;font-size:.85rem}.modern-grid th,.modern-grid td{text-align:left;border:1px solid #f1f5f9;min-width:100px;padding:.8rem 1rem}.modern-grid th{color:var(--text-light);text-transform:uppercase;background:#f8fafc;font-size:.7rem;font-weight:800;position:sticky;top:0}.modern-grid th:focus-within{outline:2px solid var(--accent-cyan);background:#f0f9ff}.th-content{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.th-content span{outline:none;flex-grow:1}.btn-del-col,.btn-del-row{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 .2rem;font-size:1.2rem;line-height:1;transition:all .2s}.btn-del-col:hover,.btn-del-row:hover{color:#ef4444;background:#fee2e2}.td-action,.th-action{box-shadow:2px 0 0 0 var(--primary-navy), 5px 0 10px #00000008;z-index:10;position:sticky;left:0;text-align:center!important;background:#fff!important;border:none!important;width:40px!important;min-width:40px!important;max-width:40px!important}.th-action{z-index:11;background:#f8fafc!important}.custom-file-upload{background:var(--bg-offwhite);border:1px solid var(--border);border-radius:12px;align-items:center;gap:1rem;padding:.6rem;display:flex}.btn-file-trigger{background:var(--primary-navy);cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .3s;color:#fff!important}.btn-file-trigger:hover{background:var(--accent-cyan);transform:translateY(-1px)}.file-status-label{color:var(--primary-navy);opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.85rem;font-weight:600;overflow:hidden}.results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.msg-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.msg-text{color:var(--primary-navy);white-space:pre-wrap;font-size:.95rem;line-height:1.5}.toast-container{z-index:9999;flex-direction:column;gap:1rem;display:flex;position:fixed;top:2rem;right:2rem}.toast{border-radius:12px;justify-content:space-between;align-items:center;min-width:300px;padding:1rem 2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0221644d;background:var(--primary-navy)!important}.toast span{font-weight:600;color:#fff!important;background:0 0!important}.toast.removing{animation:.4s forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.toast-progress{width:100%;height:4px;animation:1.5s linear forwards progress;position:absolute;bottom:0;left:0;background:var(--accent-cyan)!important;border-radius:0!important;padding:0!important}@keyframes progress{0%{width:100%}to{width:0%}}.btn-copy{border:2px solid var(--primary-navy);cursor:pointer;background:#fff;border-radius:10px;padding:.8rem;font-size:.85rem;font-weight:700;transition:all .3s;color:var(--primary-navy)!important}.btn-copy:hover{border-color:var(--accent-cyan);background:var(--bg-offwhite);color:var(--accent-cyan)!important}.btn-copy.success{background:#f0f9ff;border-color:#0ea5e9;color:#0ea5e9!important}.hidden{display:none!important}.text-center{text-align:center}#text-template{height:280px!important}@media (width<=900px){.container{width:100%;max-width:100vw;padding:0 .8rem}.onboarding-grid{grid-template-columns:1fr;gap:1rem;width:100%}.grid-config{grid-template-columns:1fr;gap:1.2rem;width:100%}.hero h1{font-size:1.8rem}.hero p{padding:0 1rem;font-size:.9rem}.sailboat{display:none}.glass-panel{width:100%;margin-top:2rem;padding:1.2rem .5rem;overflow:hidden}.input-card{width:100%;min-width:0;padding:1rem}.section-title{margin-bottom:1.2rem;font-size:1rem}.grid-editor-container{width:100%;min-width:0;overflow:hidden}#text-template,.table-scroll-container{width:100%;height:150px!important}.modern-grid th,.modern-grid td{min-width:120px!important}.modern-grid{min-width:320px!important}.td-action,.th-action{width:32px!important;min-width:32px!important;max-width:32px!important}.grid-controls{justify-content:center;height:48px;padding:0 .8rem}.btn-grid-action{border-radius:6px;padding:.4rem .8rem;font-size:.7rem}}