:root{--atd-ink:#182033;--atd-muted:#657188;--atd-soft:#f7f8fc;--atd-panel:rgba(255,255,255,.95);--atd-line:rgba(79,70,229,.14);--atd-blue:#4f46e5;--atd-violet:#7c3aed;--atd-cyan:#06b6d4;--atd-success:#0f9f84;--atd-shadow:0 20px 55px rgba(38,45,73,.09);--atd-gradient:linear-gradient(120deg,#4f46e5,#6d5ce7 56%,#06b6d4);--atd-gradient-soft:linear-gradient(145deg,#fff,#f5f7ff 55%,#effbfc)}
html{background:#f7f8fc}body,.home-page,.tools-page,.info-page,.speed-page,.resize-page,.compress-page,.pdf-page,.unit-converter-page{background:radial-gradient(circle at 7% 0%,rgba(79,70,229,.1) 0,transparent 30%),radial-gradient(circle at 95% 9%,rgba(6,182,212,.09) 0,transparent 27%),linear-gradient(180deg,#fafbff 0,#f5f7fb 68%,#f8fafc 100%);color:var(--atd-ink)}body:before,.home-page:before,.info-page:before,.speed-page:before,.resize-page:before,.compress-page:before,.pdf-page:before{background-image:radial-gradient(circle,rgba(79,70,229,.075) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 68%)}
.aurora{opacity:.13;filter:blur(100px)}.aurora-a{background:#4f46e5}.aurora-b{background:#06b6d4}
.topbar,.home-page .topbar{position:sticky;top:12px;z-index:50;width:min(1180px,calc(100% - 36px));margin:12px auto 0;padding:11px 14px 11px 16px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 12px 38px rgba(39,49,81,.1),inset 0 0 0 1px rgba(79,70,229,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand,.home-page .brand{font-size:19px;letter-spacing:-.045em}.brand-mark,.home-page .brand-mark{background:var(--atd-gradient);box-shadow:0 8px 22px rgba(79,70,229,.25)}.brand-accent,.home-page .brand-accent{color:var(--atd-blue)}.nav-link,.home-page .nav-link{border-radius:10px;color:#55617a;font-weight:700}.nav-link:hover,.nav-link.active,.home-page .nav-link:hover,.home-page .nav-link.active{color:var(--atd-blue);background:rgba(79,70,229,.08)}.tools-menu,.home-page .tools-menu{max-height:min(72vh,620px);overflow:auto;border:1px solid rgba(79,70,229,.13);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(28,35,62,.16)}.tools-menu a:hover,.tools-menu a.active-tool{color:var(--atd-blue);background:rgba(79,70,229,.08)}
.app-shell,.home-shell,.tools-shell{padding-top:56px}.intro,.tools-hero{margin-bottom:34px}.intro h1,.home-hero h1,.tools-hero h1{letter-spacing:-.065em}.intro-copy,.home-hero p,.tools-hero p{color:var(--atd-muted)}
.converter-card,.home-art,.home-search,.home-tool,.home-guide,.tool-directory-card,.info-card,.speed-card,.score-card,.vitals-panel,.recommendations,.vital,.resize-card,.compress-card,.pdf-card{border:1px solid rgba(79,70,229,.13);background:rgba(255,255,255,.94);box-shadow:var(--atd-shadow),inset 0 1px #fff}.converter-card,.home-art{border-radius:26px}.converter-card{position:relative;overflow:hidden}.converter-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:var(--atd-gradient)}
.home-button.primary,.convert-btn,.url-form button,.speed-check-button{background:var(--atd-gradient);color:#fff;box-shadow:0 12px 28px rgba(79,70,229,.22)}.home-button.secondary{border-color:rgba(79,70,229,.15);background:rgba(255,255,255,.9)}
.home-page{--home-ink:var(--atd-ink);--home-muted:var(--atd-muted);--home-blue:var(--atd-blue);--home-violet:var(--atd-violet);--home-cyan:var(--atd-cyan)}.home-hero{gap:72px}.home-art{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,244,255,.92))}.home-art:before{background:rgba(79,70,229,.12)}.home-search{max-width:920px;padding:8px;border-radius:17px;box-shadow:0 16px 42px rgba(38,48,79,.08)}.home-search button{background:var(--atd-gradient);border-radius:11px}.home-tool,.tool-directory-card,.home-guide{border-radius:20px}.home-tool:hover,.tool-directory-card:hover,.home-guide:hover{transform:translateY(-4px);border-color:rgba(79,70,229,.32);box-shadow:0 24px 55px rgba(49,57,92,.13)}.home-tool-icon,.tool-icon{background:var(--atd-gradient);color:#fff}.home-trust{border:1px solid rgba(255,255,255,.1);background:linear-gradient(120deg,#182033,#252d50);box-shadow:0 20px 50px rgba(24,32,51,.18)}.home-facts strong{color:#78e3ee}.home-guide strong{font-size:22px}
.preview-convert{width:118px;display:grid;gap:7px;padding:12px;border:1px solid rgba(79,70,229,.14);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 36px rgba(79,70,229,.13);animation:converterFloat 4s ease-in-out infinite}.preview-convert span{display:grid;gap:2px;padding:9px;border-radius:11px;background:linear-gradient(145deg,#f6f7ff,#eefbfc)}.preview-convert b{color:var(--atd-ink);font:800 19px 'Space Grotesk',sans-serif}.preview-convert small{color:var(--atd-muted);font-size:9px}.preview-convert i{color:var(--atd-blue);font-style:normal;text-align:center}@keyframes converterFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
.tool-directory{gap:20px}.tool-directory-card{min-height:250px}.tool-directory-card.unit-converter{background:linear-gradient(145deg,#fff,#eefafa)}.tool-directory-card.unit-converter .tool-icon{background:linear-gradient(135deg,#4f46e5,#06b6d4)}.tool-directory-card h2{letter-spacing:-.04em}.tool-link{color:var(--atd-blue)}
.dropzone,.home-window,.home-art-tile,.resize-dropzone,.compress-dropzone,.pdf-dropzone,.url-form{border-color:rgba(79,70,229,.2);background:var(--atd-gradient-soft)}input,select,textarea,button{font-family:'DM Sans',sans-serif}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(6,182,212,.28);outline-offset:2px}
.privacy-note{border-color:rgba(15,159,132,.18);background:rgba(15,159,132,.055)}.privacy-note strong{color:#087966}.tool-help-grid article,.tool-faq details{border-color:rgba(79,70,229,.13);background:rgba(255,255,255,.9);box-shadow:0 13px 36px rgba(38,45,73,.055)}
footer{color:#748096;border-top-color:rgba(79,70,229,.11)}
@media(max-width:760px){.topbar,.home-page .topbar{top:7px;width:min(100% - 18px,1180px);margin-top:7px;padding:10px 12px}.app-shell,.home-shell,.tools-shell{padding-top:43px}.home-hero{gap:36px}.home-hero h1{font-size:clamp(43px,13vw,56px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}