/* Yılmaz Tools v2.6.1 — premium storefront appearance. No tool, admin or database logic changed. */
:root{color-scheme:dark;--bg:#0a101e;--panel:#101a2a;--line:#27364b;--muted:#aab7ca;--text:#f5f8ff;--accent:#d5fb86;--yt-blue:#8ebaff;--yt-violet:#a998ff}
html{scroll-padding-top:108px}
body{background:radial-gradient(ellipse 70% 20% at 85% 4%,rgba(69,91,167,.24),transparent 70%),radial-gradient(ellipse 48% 20% at 7% 35%,rgba(29,95,146,.12),transparent 85%),#0a101e;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.008em}
body:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:880px;pointer-events:none;background-image:radial-gradient(rgba(189,204,239,.12) .7px,transparent .7px);background-size:23px 23px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.47),transparent 95%)}
::selection{background:rgba(164,191,255,.33);color:#fff}
.topbar{position:sticky;top:0;z-index:50;height:82px;background:rgba(9,16,31,.82);border-bottom:1px solid rgba(154,183,224,.12);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding-inline:clamp(20px,3.2vw,60px)}
.brand{gap:12px;font-size:24px;letter-spacing:-1.2px}.brand-light{color:#9eacc5}.brand small{font-size:9px;letter-spacing:2.2px;color:#92a6c4;font-weight:650;margin-top:1px}
.logo{width:47px;height:47px;box-shadow:0 0 0 5px rgba(207,249,127,.07),0 9px 22px rgba(164,212,68,.10);background:linear-gradient(135deg,#d9ff8f,#9ee8a8);border-radius:15px;color:#172620;font-weight:850}.logo span{color:#172620}
.topbar nav{gap:10px;align-items:center}.topbar nav a{padding:11px 17px;border-radius:13px;font-weight:600;color:#b1bdd0;transition:background .16s,color .16s}.topbar nav a:hover,.topbar nav .nav-active{background:rgba(139,174,255,.11);color:#fff}
.free{border:1px solid rgba(170,222,121,.24);border-radius:999px;background:rgba(180,233,132,.065);font-weight:650;padding:9px 15px;font-size:12px;color:#d9fcb1}.free:before{content:"";display:inline-block;width:7px;height:7px;background:#b9f77a;border-radius:50%;box-shadow:0 0 10px #b9f77a8a;margin-right:8px}
.shell{max-width:1600px;grid-template-columns:247px minmax(0,1fr)}
.sidebar{padding:41px 20px;gap:24px;background:linear-gradient(180deg,rgba(19,33,54,.40),rgba(12,22,38,.10));border-right:1px solid rgba(143,171,218,.10)}
.sidebar>.eyebrow{padding-left:12px;color:#86a0c6;font-size:10px;letter-spacing:2.1px}
.sidecats{gap:7px}.sidecats button{border:1px solid transparent;color:#a9bad3;padding:12px 13px;border-radius:12px;font-weight:590;transition:all .18s}.sidecats button span{width:26px;color:#9ab7e9}.sidecats button:hover{background:rgba(139,169,230,.10);color:white}.sidecats button.active{background:linear-gradient(115deg,rgba(133,153,255,.23),rgba(71,152,211,.10));border-color:rgba(153,174,255,.23);color:#eef1ff;box-shadow:inset 3px 0 0 #a78fff}.sidecats button.active span{color:#caf28a}.sidecats button small{color:#809bb8}
.privacy{background:linear-gradient(145deg,rgba(111,120,202,.13),rgba(24,48,71,.14));border:1px solid rgba(159,181,255,.15);border-radius:19px;padding:20px;margin-top:24px}.privacy-icon{width:40px;height:40px;display:grid;place-items:center;background:rgba(184,214,255,.10);border-radius:13px;color:#c2b9ff;font-size:23px}.privacy strong{font-size:14px;color:#edf3ff;font-weight:700}.privacy p{font-size:12px;color:#a8b6cc}.privacy a{color:#d4e3ff!important;font-weight:650;text-decoration:none!important}.aside-bottom{font-size:11px;letter-spacing:.04em;color:#7289a8}
main{padding:32px clamp(22px,3.8vw,64px) 0}
.intro{position:relative;isolation:isolate;min-height:385px;padding:39px 46px 38px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(275px,.84fr);align-items:center;gap:14px;overflow:hidden;border:1px solid rgba(141,170,233,.21);border-radius:28px;background:radial-gradient(circle at 91% 4%,rgba(92,96,209,.31),transparent 39%),linear-gradient(128deg,#17243e 0%,#122033 50%,#162548 100%);box-shadow:0 20px 65px rgba(0,0,0,.14)}
.intro:before{position:absolute;content:"";width:410px;height:410px;border:1px solid rgba(210,219,255,.055);border-radius:50%;top:-290px;right:-110px}.intro:after{position:absolute;content:"";inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#b0dbff9b,#d3fd8680,transparent)}
.yt261-hero-copy{position:relative;z-index:2;min-width:0}.intro .eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2px;color:#c2d6ff;background:rgba(157,179,255,.09);border:1px solid rgba(159,187,246,.13);padding:9px 13px;border-radius:999px}
.intro h1{font-size:clamp(40px,4.25vw,67px);font-weight:830;line-height:1.055;letter-spacing:-2.9px;margin:20px 0 18px}.intro h1 span{color:transparent;background:linear-gradient(95deg,#cbfa9a 0%,#90e8dc 53%,#b3aeff 99%);background-clip:text;-webkit-background-clip:text}
.intro p{max-width:480px;font-size:15px;color:#aabbd4;line-height:1.8}.yt261-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.yt261-primary-btn,.yt261-secondary-btn{display:inline-flex;align-items:center;gap:22px;justify-content:center;border-radius:13px;padding:12px 19px;font-size:13px;font-weight:750;min-height:47px;transition:transform .17s,background .17s,box-shadow .17s}.yt261-primary-btn{background:#d5fb86;color:#152319;box-shadow:0 10px 25px rgba(190,232,114,.16)}.yt261-primary-btn:hover{background:#e3ffa8;transform:translateY(-2px);box-shadow:0 15px 30px rgba(190,232,114,.2)}.yt261-secondary-btn{color:#e7eefc;border:1px solid rgba(173,200,247,.24);background:rgba(164,188,245,.065)}.yt261-secondary-btn:hover{background:rgba(164,188,245,.16)}
.yt261-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.yt261-trust span{font-size:11px;color:#b6c3dc;display:inline-flex;align-items:center;gap:5px;padding:6px 0}.yt261-trust span:not(:first-child):before{content:"•";color:#6f91bc;margin-right:7px}.yt261-trust b{color:#e9f8d6}
.yt261-hero-visual{position:relative;min-width:0;height:300px;display:grid;place-items:center}.yt261-orbit-ring{position:absolute;width:317px;height:317px;border-radius:50%;border:1px dashed rgba(166,188,255,.25);transform:rotate(25deg)}.yt261-ring-two{width:254px;height:254px;border-style:solid;border-color:rgba(166,188,255,.09);transform:rotate(-23deg)}
.yt261-visual-center{position:relative;width:min(100%,290px);min-height:254px;padding:18px 21px;border-radius:23px;border:1px solid rgba(201,217,255,.24);background:linear-gradient(145deg,rgba(33,51,91,.95),rgba(15,27,51,.94));backdrop-filter:blur(10px);box-shadow:0 24px 65px #050c1b88,inset 0 1px 0 #e3ecff1a;transform:rotate(-4deg)}.yt261-visual-top{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:2px;font-weight:750;color:#c2cae5}.yt261-dot{width:7px;height:7px;background:#a2eea2;border-radius:50%;box-shadow:0 0 10px #9bf1a0}.yt261-mini-spark{margin-left:auto;color:#e2ff8e;font-size:15px}.yt261-visual-mark{width:59px;height:59px;border-radius:18px;background:linear-gradient(135deg,#cbfca0,#87e9c8);color:#172b26;display:grid;place-items:center;font-size:37px;font-weight:900;letter-spacing:-6px;padding-right:7px;margin:28px 0 10px;box-shadow:0 13px 30px #a7f5ac23}.yt261-visual-mark span{font-size:20px;align-self:start;justify-self:end;position:absolute;top:73px;left:59px}.yt261-visual-center strong{font-size:20px;line-height:1.19;display:block;letter-spacing:-.7px}.yt261-visual-progress{margin:15px 0 12px;height:5px;background:#344c6c;border-radius:20px;overflow:hidden}.yt261-visual-progress i{display:block;width:77%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#cbfc86,#76dff0)}.yt261-visual-center small{font-size:9px;color:#9cb0d0;letter-spacing:1.5px}
.yt261-float{position:absolute;white-space:nowrap;z-index:2;padding:10px 13px;border:1px solid rgba(197,208,255,.22);background:rgba(29,43,77,.92);border-radius:13px;color:#e3ebff;font-size:10px;font-weight:750;letter-spacing:.3px;box-shadow:0 15px 29px #0711278c}.yt261-float-one{right:0;top:37px;transform:rotate(5deg)}.yt261-float-two{left:0;bottom:53px;transform:rotate(-7deg)}.yt261-float-three{right:0;bottom:15px;color:#d4ffae;transform:rotate(4deg)}
.yt26-hero-chip{display:none!important}.intro-mark{display:none}
.yt26-quick-links{margin:20px 0 27px;gap:13px}.yt26-quick-links a{min-height:119px;padding:19px 20px;border-radius:19px;border:1px solid rgba(141,172,225,.17);background:linear-gradient(145deg,rgba(28,46,73,.86),rgba(17,31,51,.92));box-shadow:inset 0 1px 0 #dce7ff09;gap:8px;transition:transform .17s,border-color .17s,box-shadow .17s}.yt26-quick-links a>span{display:grid;place-items:center;width:38px;height:38px;background:#22375a;border:1px solid #364f7b;border-radius:11px;font-size:21px;color:#c6d9ff}.yt26-quick-links a strong{font-size:14px;letter-spacing:-.2px}.yt26-quick-links a small{font-size:11px;color:#b5c3d7;opacity:1}.yt26-quick-links a:hover{outline:0;transform:translateY(-3px);border-color:#91bbff7a;box-shadow:0 15px 28px #010b1a35}
.yt261-search-wrap{margin:28px 0 25px}.yt261-search-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px 10px}.yt261-search-label span{font-size:10px;font-weight:800;letter-spacing:2px;color:#8fa9d1}.yt261-search-label small{font-size:12px;color:#8095b4}.searchbar{margin:0;padding-inline:18px;height:67px;border-radius:17px;background:linear-gradient(120deg,#16233a,#111e32);border:1px solid #3c536f;box-shadow:0 15px 35px #050b1838,inset 0 1px 0 #ffffff08;transition:border-color .18s,box-shadow .18s}.searchbar:focus-within{border-color:#aac9ff;box-shadow:0 0 0 3px #8cb2ff16}.searchbar>span:first-child{color:#c2f5a7;font-size:29px}.searchbar input{font-size:15px;color:white}.searchbar input::placeholder{color:#8395b0;opacity:1}.search-hint{white-space:nowrap;padding:9px 12px;border-radius:9px;border:1px solid #435874;color:#b4c6e6;font-weight:700;font-size:10px;letter-spacing:.5px}.yt26-search-help{font-size:11px;opacity:.63;margin:8px 0 -13px 5px}
.featured{position:relative;overflow:hidden;background:linear-gradient(115deg,#b7e4fb 0%,#b9f4cf 53%,#d6fc98 100%);border:1px solid #bdebd6;box-shadow:0 15px 37px #050d1730;border-radius:22px;padding:26px 32px;min-height:190px}.featured:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:20px;top:-235px;border:30px solid #ffffff36}.featured .eyebrow{color:#315d62;font-weight:800}.featured h2{font-size:clamp(23px,2.3vw,33px);letter-spacing:-1px;font-weight:800;color:#172f31}.featured p{color:#466b65}.feature-button{margin-top:15px;padding:10px 15px;background:#183a39;color:white;border-radius:11px;font-weight:750}.feature-button:hover{background:#0d2524}.format-art{position:relative;z-index:1}.format-art>span{border-color:#8cafad}.format-art strong{background:rgba(241,255,231,.37);border-color:#8bc9a2;color:#234f45}
.sectionhead{margin:38px 0 18px}.yt261-section-kicker{display:block;font-size:10px;color:#89aedc;font-weight:800;letter-spacing:1.8px;margin-bottom:6px}.sectionhead h2{font-size:clamp(24px,2.3vw,31px);font-weight:830;letter-spacing:-.9px}.sectionhead h2 span{background:rgba(142,177,245,.12);border-color:#3b5574;color:#bdd5ff;font-size:12px;border-radius:999px;padding:4px 10px}.local-note{color:#8fa7c3}
.filters{gap:9px;padding-bottom:19px;scrollbar-width:thin}.filters button{background:#122137;border:1px solid #293e59;color:#aebfd7;border-radius:11px;padding:9px 15px;font-size:12px;font-weight:650;transition:background .17s,border-color .17s}.filters button:hover{border-color:#7996ba;color:white}.filters button.active{background:#d5fb86;color:#17261d;border-color:#d5fb86;box-shadow:0 6px 17px #b9ef7430}
.grid{gap:15px}.card{background:linear-gradient(158deg,#1a2941,#131f33);border:1px solid #2b405b;border-radius:18px;min-height:208px;padding:20px 19px 18px;box-shadow:inset 0 1px 0 #dbe6ff08;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.card:hover{transform:translateY(-5px);background:linear-gradient(145deg,#20314d,#17253a);border-color:#95b5f4;box-shadow:0 18px 37px #0109166e}.cardtop{margin-bottom:19px}.icon{height:45px;width:45px;border-radius:13px;font-weight:750;border:1px solid rgba(255,255,255,.08)}.badge{border-radius:999px;border-color:#50704e;background:rgba(169,247,144,.06);font-size:9px;font-weight:800;padding:4px 9px;letter-spacing:.5px}.card h3{font-size:17px;letter-spacing:-.42px;font-weight:760;margin-bottom:7px}.card p{color:#b2c0d3;font-size:13px;line-height:1.65}.cardfoot{font-size:11px;color:#92a8c5}.cardfoot span:last-child{color:#d0ffac;font-size:19px}
.yt24-directory{padding:24px 24px 27px;margin-top:34px;border:1px solid #2a405f;border-radius:19px;background:linear-gradient(135deg,rgba(22,38,62,.8),rgba(13,25,44,.8))}.yt24-directory h2{font-size:20px;letter-spacing:-.4px;margin:0}.yt24-directory p{font-size:12px;color:#a7b9d2}.yt24-directory-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.yt24-directory-grid a{display:inline-flex;gap:5px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(122,155,211,.075);border:1px solid #344966;font-size:12px;color:#c5d9f2;transition:background .15s}.yt24-directory-grid a:hover{background:rgba(129,177,238,.18);border-color:#7597c8;color:white}
.yt24-favorites{border:1px solid #48617b;border-radius:16px;background:rgba(117,165,255,.08);padding:15px 18px;margin:16px 0}.yt24-fav-chip{background:#243853;border-radius:10px;border:1px solid #465e7c;color:#dbeaff;padding:9px 12px}
footer{border-color:#2a3c56;margin-top:34px;padding:28px 0 35px}.footer-brand{font-size:18px;letter-spacing:-.5px;color:#f5f8ff;font-weight:790}.footer-brand span{font-size:11px}.yt261-footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#8fa3c0}.yt261-footer-links a:hover{color:#d5fb86}
.modal{background:#121e31;border-color:#426183;box-shadow:0 35px 140px #000b;border-radius:23px}.modal::backdrop{background:#050a17d4}.tool{padding:30px}.tooltop h2{font-weight:770}.close{border-color:#476181;background:#1e304a;border-radius:12px}.input,.area,.select{background:#0d192b;border-color:#3a5474;color:#f5f9ff;border-radius:11px}.input:focus,.area:focus,.select:focus{border-color:#a4c8ff;outline:none}.action{border-radius:10px}.secondary{background:#2c4262}.result{background:#193126;border-color:#4a7d53}.upload,.yt26-drop{border-radius:13px}.toolfoot{border-color:#2d405c}
@media(min-width:1450px){main{padding:37px 58px 0}.intro{min-height:440px}}
@media(max-width:1200px){.shell{grid-template-columns:208px minmax(0,1fr)}.intro{padding:33px 30px;min-height:360px;grid-template-columns:1.15fr .85fr}.intro h1{font-size:clamp(40px,4.6vw,58px)}.yt261-float-one{right:-13px}.yt261-float-two{left:-14px}.yt26-quick-links a{padding:15px}}
@media(max-width:950px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 12px}.intro{grid-template-columns:1fr;min-height:0}.yt261-hero-visual{display:none}.intro h1{font-size:clamp(41px,5vw,60px)}.yt26-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yt261-search-label small{display:none}}
@media(max-width:760px){.topbar{height:73px;padding-inline:19px}.topbar nav{display:none}.shell{display:block}.sidebar{display:none}main{padding:20px 17px 0}.intro{padding:30px 25px 27px;border-radius:23px}.intro h1{font-size:clamp(37px,8vw,53px);letter-spacing:-2px}.intro p{max-width:570px}.yt261-trust{margin-top:20px}.yt26-quick-links{gap:10px;margin:16px 0 25px}.yt26-quick-links a{min-height:110px}.featured{padding:23px;border-radius:17px}.grid{gap:12px}.yt261-footer-links{gap:10px}}
@media(max-width:475px){.brand{font-size:21px}.logo{width:42px;height:42px}.free{font-size:0;padding:11px 12px}.free:before{margin:0;width:9px;height:9px}.intro{padding:25px 21px}.intro h1{font-size:39px}.intro .eyebrow{font-size:9px;letter-spacing:1.1px}.intro p{font-size:13px}.yt261-hero-actions{gap:8px}.yt261-primary-btn,.yt261-secondary-btn{font-size:12px;padding:11px 13px;gap:10px}.yt261-trust span{font-size:10px}.yt26-quick-links a{padding:13px;min-height:111px}.yt26-quick-links a strong{font-size:13px}.yt26-quick-links a small{font-size:10px}.searchbar{height:60px}.searchbar input{font-size:13px}.search-hint{display:none}.featured{min-height:0}.sectionhead{margin:33px 0 16px}.grid{grid-template-columns:1fr}.card{min-height:170px}.yt24-directory{padding:20px 17px}.yt24-directory-grid a{font-size:11px}.tool{padding:21px}.yt261-footer-links{flex-direction:column;align-items:flex-start}footer{gap:15px}}
@media(prefers-reduced-motion:reduce){.yt261-primary-btn,.yt261-secondary-btn,.yt26-quick-links a,.card,.filters button{transition:none!important}}
