:root{--text:#1a1a1a;--bg:#f7f9fc;--primary:#4b6fff;--primary-2:#007bff;--primaryBlue:#0d74ff;--primaryBlueDark:#0a4aa6}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.page{max-width:1100px;margin:auto;padding:1rem 1rem 4rem}.primary-btn{letter-spacing:.2px;color:#fff;cursor:pointer;background:linear-gradient(90deg,var(--primaryBlueDark),var(--primaryBlue));border:0;border-radius:999px;padding:.85rem 1.15rem;font-weight:950;text-decoration:none;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 16px 34px #0d74ff38,inset 0 1px #ffffff40}.primary-btn:before{content:"";opacity:.85;pointer-events:none;background:linear-gradient(120deg,#0000 40%,#ffffff38 50%,#0000 60%);position:absolute;inset:-40% -60%;transform:translate(-35%)rotate(10deg)}.primary-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 20px 44px #0d74ff42,inset 0 1px #ffffff47}.primary-btn:active{filter:brightness(.98);transform:translateY(0)scale(.99)}.primary-btn:disabled{opacity:.65;cursor:not-allowed;filter:none;transform:none;box-shadow:0 10px 22px #0000002e,inset 0 1px #ffffff2e}.primary-btn:disabled:after{content:"";border:2px solid #ffffff59;border-top-color:#fffffff2;border-radius:999px;width:16px;height:16px;margin-top:-8px;animation:.8s linear infinite spin;position:absolute;top:50%;right:14px}@keyframes spin{to{transform:rotate(360deg)}}.secondary-btn{border:2px solid var(--primaryBlue);color:var(--primaryBlue);cursor:pointer;background:#fff;border-radius:999px;padding:.7rem 1rem;font-weight:900;text-decoration:none;transition:all .18s;display:inline-block;box-shadow:0 10px 22px #0d74ff1a}.secondary-btn:hover{background:var(--primaryBlue);color:#fff;transform:translateY(-1px)}.secondary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.nav-btn{font:inherit;color:#1a1a1a;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:.95rem;text-decoration:none}.nav-btn:hover{text-decoration:underline}.nav.leopard .nav-btn{color:#1f1408;font-weight:600}.nav.leopard .nav-btn:hover{color:#000;text-decoration:underline}.upload-container{max-width:600px;margin:0 auto}.upload-box.dropzone{cursor:pointer;background:#fafafa;border:3px dashed #aaa;border-radius:12px;padding:3rem 2rem;transition:all .3s}.upload-box.dropzone:hover{border-color:var(--primary-2);background:#f0f8ff}.upload-box.dropzone p{color:#444;margin:0;font-size:1.2rem}.header{justify-content:space-between;align-items:center;padding:1.2rem 0;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand>div{flex-direction:column;line-height:1.05;display:flex}.brand>div>div:first-child{white-space:nowrap}.logo-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.tagline{opacity:.7;margin-top:.1rem;font-size:.82rem}.nav{gap:1.25rem;display:flex}.nav a{color:#1a1a1a;font-size:.95rem;text-decoration:none}.nav a:hover{text-decoration:underline}.hero{text-align:center;margin:2rem 0 2.4rem}.hero h2{margin-bottom:.4rem;font-size:1.7rem}.hero p{color:#333;font-size:1.02rem}.text-input{border:1px solid #c5cbe3;border-radius:8px;outline:none;width:100%;padding:.6rem;font-size:1rem}.text-input:focus{border-color:var(--primary)}.tool-section{margin-top:3rem}.tool-section h3{margin-bottom:1rem;font-size:1.25rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1.15rem;display:grid}.tool-card{color:#1a1a1a;background:#fff;border:1px solid #dfe3f4;border-radius:14px;min-height:130px;padding:1.25rem;text-decoration:none;transition:all .22s;display:block;position:relative;overflow:visible}.tool-card:before,.tool-card:after,.tool-card:hover:before,.tool-card:hover:after{content:none!important;background:0 0!important}.tool-card h4{margin-bottom:.45rem;font-size:1.15rem}.tool-card p{color:#444;z-index:2;font-size:.92rem;line-height:1.3rem;position:relative}.tool-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 18px #324aa029}.hint{opacity:.8;font-size:.92rem;line-height:1.4rem}.footer{text-align:center;opacity:.75;padding-top:3rem;font-size:.88rem}@media (max-width:700px){.nav{display:none}.hero h2{font-size:1.42rem}}.ad-slot{text-align:center;margin-top:1.5rem;padding:.75rem 0}.ad-container{text-align:center;justify-content:center;align-items:center;max-width:100%;min-height:100px;margin:1.5rem auto;display:flex}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.pricing-card{background:#fff;border:1px solid #0000000f;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:320px;padding:1rem;display:flex}.pricing-card.highlight{border-color:#6366f180;box-shadow:0 0 0 4px #6366f11f}.price{align-items:baseline;gap:.5rem;margin:.75rem 0 .5rem;display:flex}.amount{font-size:2rem;font-weight:800}.period{opacity:.75}.feature-list{margin:.75rem 0 1rem;padding:0;list-style:none}.feature-list li{opacity:.95;margin:.35rem 0}.pricing-toggle{border:1px solid #00000014;border-radius:999px;display:inline-flex;overflow:hidden}.toggle-btn{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;padding:.5rem .9rem}.toggle-btn.active{opacity:1;background:#0000000d;font-weight:700}.nav.leopard{background-color:#b08968;background-image:radial-gradient(circle,#0000002e 20%,#0000 21%),radial-gradient(circle,#0000002e 20%,#0000 21%);background-position:0 0,45px 45px;background-size:90px 90px;border-radius:14px;padding:.6rem 1rem}.nav.leopard a{color:#1f1408;font-weight:600}.nav.leopard a:hover{color:#000;text-decoration:underline}.logout-btn.logging-out{opacity:.7;cursor:not-allowed}button.primary-btn,button.secondary-btn,a.primary-btn,a.secondary-btn{letter-spacing:.2px!important;cursor:pointer!important;border-radius:999px!important;padding:.85rem 1.15rem!important;font-size:1rem!important;font-weight:900!important;text-decoration:none!important;transition:transform .12s,filter .12s,box-shadow .12s!important}button.primary-btn,a.primary-btn{background:linear-gradient(90deg,var(--primaryBlueDark),var(--primaryBlue))!important;color:#fff!important;border:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 34px #0d74ff38,inset 0 1px #ffffff40!important}button.primary-btn:hover,a.primary-btn:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important;box-shadow:0 20px 44px #0d74ff42,inset 0 1px #ffffff47!important}button.secondary-btn,a.secondary-btn{color:var(--primaryBlue)!important;background:linear-gradient(#fffffff2,#ffffffc7)!important;border:2px solid #0d74ff8c!important;box-shadow:0 14px 30px #0d74ff24,inset 0 1px #fffc!important}button.secondary-btn:hover,a.secondary-btn:hover{border-color:#0d74ffbf!important;transform:translateY(-1px)!important;box-shadow:0 18px 40px #0d74ff2e,inset 0 1px #ffffffe6!important}button.primary-btn:disabled,button.secondary-btn:disabled{opacity:.65!important;cursor:not-allowed!important;filter:none!important;transform:none!important}