/* NetToolForge v23 — uplifting motion system */
:root{--ntf-sun:#ffc16b;--ntf-lavender:#835efb;--ntf-aqua:#40cfca;--ntf-rose:#ff7da5}
body{background:linear-gradient(135deg,#f6f9ff 0%,#fff8fb 45%,#effcf9 100%)!important;background-attachment:fixed!important}
.ntf-site-header{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(14px);border-bottom:1px solid #e7eaf8!important}
.ntf-site-header .brand{color:#202746!important}
.ntf-nav-group .ntf-dropdown{box-shadow:0 20px 55px rgba(81,71,148,.12)!important}
main{position:relative;isolation:isolate}
main:before,main:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(58px);opacity:.20;animation:ntf-drift 15s ease-in-out infinite alternate}
main:before{width:290px;height:290px;background:#7e65ff;top:14%;left:-140px}
main:after{width:330px;height:330px;background:#45e2b2;bottom:12%;right:-180px;animation-delay:-7s}
@keyframes ntf-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(55px,-48px,0)}}
.ntf-card,.tool-card,.ntf-pdf-card,.ntf-video-card,.ntf-image-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;will-change:auto}
.ntf-card:hover,.tool-card:hover,.ntf-pdf-card:hover,.ntf-video-card:hover,.ntf-image-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(89,79,151,.13)!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6b64ff!important;outline-offset:3px}
.ntf-relax-entry{max-width:1050px;margin:35px auto;padding:22px 28px;background:linear-gradient(110deg,#e7ddff,#d9f9f3,#fff0d7);border:1px solid #e4d9fa;border-radius:24px;display:flex;gap:20px;align-items:center;justify-content:space-between;box-shadow:0 12px 35px #736cd01a}
.ntf-relax-entry h2{margin:0 0 6px;color:#22264a;font-size:23px}.ntf-relax-entry p{margin:0;color:#56627c}.ntf-relax-entry a{display:inline-block;white-space:nowrap;padding:13px 22px;border-radius:14px;background:#6352e8;color:#fff!important;text-decoration:none;font-weight:800}
.ntf-relax-entry a:hover{background:#4534bc}
.ntf-relax{max-width:1160px;margin:32px auto 85px;padding:0 22px;color:#22304d;font-family:system-ui,-apple-system,sans-serif}
.ntf-relax *{box-sizing:border-box}.ntf-relax-hero{position:relative;overflow:hidden;padding:55px 38px;background:linear-gradient(123deg,#dedaff 2%,#e1faff 51%,#ddfce8 100%);border:1px solid #d4dafa;border-radius:28px;box-shadow:0 17px 45px #8b80d025}
.ntf-relax-hero h1{position:relative;z-index:1;font-size:clamp(32px,5vw,56px);line-height:1.12;margin:14px 0;color:#252451;letter-spacing:-.035em}
.ntf-relax-hero p{position:relative;z-index:1;max-width:620px;font-size:17px;line-height:1.7;color:#475676}
.ntf-relax-tag{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;color:#5b48d6}
.ntf-relax-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.65;pointer-events:none;animation:ntf-float 8s ease-in-out infinite alternate}
.ntf-relax-orb.one{width:180px;height:180px;right:9%;top:-55px;background:radial-gradient(circle,#ffbf91,#f792b860,transparent)}
.ntf-relax-orb.two{width:150px;height:150px;right:-22px;bottom:-55px;background:radial-gradient(circle,#68e8d5,#a8d3ff70,transparent);animation-delay:-4s}
@keyframes ntf-float{from{transform:translate(0,0) scale(.96)}to{transform:translate(-25px,26px) scale(1.1)}}
.ntf-relax-section-title{font-size:26px;font-weight:850;margin:32px 0 17px;color:#20294b}
.ntf-relax-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ntf-sound-card{position:relative;text-align:left;border-radius:20px;border:2px solid #e5e5f3;background:white;padding:24px;cursor:pointer;min-height:160px;box-shadow:0 9px 24px #443e8210;transition:transform .25s,box-shadow .25s,border-color .25s;color:#263153}
.ntf-sound-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #7777bb2a}.ntf-sound-card[aria-pressed=true]{border-color:#6454e9;background:linear-gradient(140deg,#ffffff,#f2efff);box-shadow:0 0 0 4px #6c5bf11c}
.ntf-sound-emoji{font-size:35px;display:block;margin-bottom:9px;line-height:1.2}.ntf-sound-name{display:block;font-size:20px;font-weight:850;margin-bottom:5px}.ntf-sound-desc{display:block;color:#62718a;font-size:14px;line-height:1.5}.ntf-sound-action{display:block;color:#5c4cd7;font-size:13px;font-weight:800;margin-top:13px}
.ntf-relax-controls{margin-top:22px;padding:22px;background:white;border:1px solid #e4e9f4;border-radius:20px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.ntf-relax-controls label{display:block;font-size:13px;font-weight:800;color:#465372;margin-bottom:7px}.ntf-relax-controls input[type=range]{accent-color:#6657ee;width:190px;max-width:100%}
.ntf-relax-controls select{padding:10px 15px;border-radius:10px;border:1px solid #cbd4e9;background:#fff;color:#263153}
.ntf-relax-stop{border:none;border-radius:11px;padding:13px 24px;background:#25294c;color:white;font-weight:800;cursor:pointer}.ntf-relax-stop:hover{background:#5146c8}
.ntf-relax-status{font-size:14px;color:#5b647d;margin:13px 0 0;min-height:25px}.ntf-relax-help{line-height:1.7;color:#586581;font-size:14px;margin-top:16px}.ntf-relax-back{display:inline-block;margin-bottom:15px;color:#5143bd;font-weight:800;text-decoration:none}
@media(max-width:680px){.ntf-relax-grid{grid-template-columns:1fr}.ntf-relax-hero{padding:37px 22px}.ntf-relax-entry{margin:22px 16px;display:block}.ntf-relax-entry a{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.ntf-relax-orb,main:before,main:after{animation:none!important}.ntf-card,.tool-card,.ntf-pdf-card,.ntf-video-card,.ntf-image-card,.ntf-sound-card{transition:none!important;transform:none!important}}

.ntf-relax-nav-link{white-space:nowrap;color:#5b49c3!important;font-weight:850!important} .ntf-relax-nav-link:hover{color:#ef6883!important}
