/* Naghshname UI/UX polish — responsive, restrained motion, navy / gold / blue */
:root{--nqp-gold:#f2c66d;--nqp-gold-soft:rgba(242,198,109,.14);--nqp-blue:#8caeff;--nqp-line:rgba(175,195,231,.16);--nqp-panel:rgba(15,23,39,.88)}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.nq-main,.nq-content,.nq-staticpage,.nq-section,.nq-categories,.nq-ai,.nq-promo,.nq-feed{min-width:0}
.nq-staticpage{width:min(1120px,calc(100% - 36px));margin:clamp(24px,5vw,56px) auto;padding:clamp(20px,4vw,38px);border:1px solid var(--nqp-line);border-radius:26px;background:linear-gradient(145deg,rgba(18,28,47,.94),rgba(10,16,28,.96));box-shadow:0 22px 65px rgba(0,0,0,.23);position:relative;isolation:isolate}
.nq-staticpage:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:3px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,transparent,var(--nqp-gold),var(--nqp-blue),transparent);opacity:.9}
.nq-staticpage h1,.nq-staticpage h2{letter-spacing:-.035em;line-height:1.45}
.nq-staticpage h1{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:950;color:#fff;margin:0 0 10px}
.nq-staticpage>p{color:#b9c5d9;line-height:2}
.community-page{max-width:650px;margin:clamp(24px,5vw,58px) auto;padding:clamp(22px,4.5vw,42px);overflow:hidden}
.community-page:after{content:"";position:absolute;pointer-events:none;width:250px;height:250px;left:-115px;top:-125px;border-radius:50%;background:radial-gradient(circle,rgba(140,174,255,.12),transparent 68%);z-index:-1}
.community-page h1{margin-bottom:8px}
.community-page>p:first-of-type{margin:0 0 24px;color:#aebbd2;font-size:.98rem}
.community-form{display:grid;gap:17px;margin:23px 0}
.community-form label,.community-report-form label{display:grid;gap:8px;color:#e4eaf7;font-size:.94rem;font-weight:750}
.community-form input,.community-report-form input,.community-report-form textarea{width:100%;min-height:49px;box-sizing:border-box;padding:12px 15px;border:1px solid rgba(164,188,229,.22);border-radius:14px;background:rgba(5,10,20,.62);color:#f7f9ff;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.community-form input:hover,.community-report-form input:hover,.community-report-form textarea:hover{border-color:rgba(242,198,109,.42)}
.community-form input:focus,.community-report-form input:focus,.community-report-form textarea:focus{outline:none;border-color:var(--nqp-gold);background:rgba(5,10,20,.82);box-shadow:0 0 0 4px rgba(242,198,109,.1)}
.community-form input[name="code"]{font-size:clamp(1.45rem,5vw,1.9rem);font-weight:900;letter-spacing:.42em;text-align:center;font-variant-numeric:tabular-nums;direction:ltr;min-height:62px;padding-left:calc(.42em + 15px)}
.community-button,.nq-account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid rgba(255,220,147,.42);border-radius:14px;padding:12px 18px;background:linear-gradient(120deg,#f6d58d,#d7a847 58%,#9f792e);color:#101827!important;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(202,156,65,.12);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.community-button:hover,.nq-account-trigger:hover{transform:translateY(-2px);filter:brightness(1.045);box-shadow:0 14px 28px rgba(202,156,65,.2)}
.community-button:active{transform:translateY(0)}
.community-button:focus-visible{outline:3px solid var(--nqp-blue);outline-offset:3px}
.community-button--quiet{background:rgba(140,174,255,.07);border-color:rgba(140,174,255,.24);color:#e8efff!important;box-shadow:none}
.community-alert{padding:13px 15px;border-radius:14px;border:1px solid rgba(242,198,109,.3);background:rgba(242,198,109,.07);color:#ffe4a9;line-height:1.9;overflow-wrap:anywhere}
.community-alert[role="alert"]{border-color:rgba(255,126,126,.32);background:rgba(255,100,100,.07);color:#ffc3c3}
.community-page>p:last-child{margin-top:22px;padding-top:18px;border-top:1px solid var(--nqp-line);font-size:.92rem}
.community-page a:not(.community-button){color:var(--nqp-gold);font-weight:800;text-underline-offset:4px}
.nq-hero{border-bottom-color:rgba(242,198,109,.17)}
.nq-hero__inner{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.nq-hero__content{min-width:0}
.nq-hero__stats{gap:12px}
.nq-hero__stat{transition:transform .22s ease,border-color .22s ease,background .22s ease}
.nq-hero__stat:hover{transform:translateY(-3px);border-color:rgba(242,198,109,.28);background:rgba(20,31,51,.78)}
.nq-section,.nq-categories,.nq-ai,.nq-promo,.nq-feed{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.nq-section{padding-block:clamp(24px,4vw,42px)}
.nq-section-head{gap:16px;align-items:center}
.nq-section-head h2{font-size:clamp(1.25rem,2.4vw,1.85rem);line-height:1.55}
.nq-artist-card,.nq-movie-card,.nq-serial-card,.nq-news-card,.nq-feature-card,.nq-why-card,.nq-card,.nq-cat{overflow:hidden}
.nq-artist-card:focus-within,.nq-movie-card:focus-within,.nq-serial-card:focus-within,.nq-news-card:focus-within{outline:2px solid rgba(242,198,109,.55);outline-offset:3px}
.nq-footer{margin-top:32px}
:where(button,a,input,textarea,select){-webkit-tap-highlight-color:transparent}
@media(max-width:760px){
 .nq-staticpage{width:calc(100% - 24px);margin:20px auto;padding:21px 17px;border-radius:20px}
 .community-page{max-width:560px}
 .community-form{gap:14px;margin:19px 0}
 .community-button{width:100%;box-sizing:border-box}
 .community-form input[name="code"]{letter-spacing:.3em;padding-left:calc(.3em + 12px)}
 .nq-hero{min-height:unset}
 .nq-hero__inner{width:calc(100% - 28px);padding-block:38px}
 .nq-hero h1{font-size:clamp(2rem,9vw,3.25rem);overflow-wrap:anywhere}
 .nq-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .nq-hero__stat{min-width:0;padding:12px}
 .nq-section,.nq-categories,.nq-ai,.nq-promo,.nq-feed{width:calc(100% - 28px)}
 .nq-section-head{align-items:flex-start}
}
@media(max-width:390px){
 .community-page{width:calc(100% - 18px);padding:19px 14px}
 .nq-hero__stats{gap:8px}
 .nq-hero__stat{padding:9px}
 .nq-section,.nq-categories,.nq-ai,.nq-promo,.nq-feed{width:calc(100% - 22px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}