.references-catalog-page{--rf-ink:#10284d;--rf-muted:#67758a;--rf-line:#e1e6ee;--rf-blue:#315cf0}
.references-catalog-page main{background:#fff}
.references-catalog-page main a:focus-visible,.references-catalog-page main button:focus-visible{outline:2px solid #315cf0;outline-offset:3px}
.references-hero{padding:78px 0 72px;text-align:center;background:#fff;border-bottom:1px solid var(--rf-line)}
.references-kicker,.references-list-heading span{color:#2959c7;font-size:11px;font-weight:800;letter-spacing:.13em}
.references-hero h1{margin:18px 0 18px;color:var(--rf-ink);font-size:clamp(38px,4.3vw,64px);line-height:1.1;letter-spacing:-.055em}
.references-slogan{position:relative;display:inline-block;color:var(--rf-blue);animation:references-word-in .8s cubic-bezier(.16,1,.3,1) both .2s}
.references-slogan:after{content:"";position:absolute;bottom:-8px;left:2%;width:96%;height:4px;background:#20bcc5;border-radius:5px;transform-origin:left;animation:references-underline .85s cubic-bezier(.16,1,.3,1) both .7s}
.references-hero p{max-width:600px;margin:24px auto 0;color:var(--rf-muted);font-size:15px;line-height:1.7}
.references-list{padding:63px 0 94px}
.references-list-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:31px}
.references-list-heading h2{margin:9px 0 0;color:var(--rf-ink);font-size:clamp(29px,3vw,40px);line-height:1.15;letter-spacing:-.045em}
.references-list-heading p{margin:0 0 3px;color:var(--rf-muted);font-size:13px;line-height:1.6;text-align:right}
.references-filters{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin:0 0 27px;padding:0 0 20px;border-bottom:1px solid var(--rf-line)}
.references-filters button{padding:9px 13px;color:#334866;background:transparent;border:0;border-radius:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:650;transition:background-color .2s,color .2s}
.references-filters button:hover{color:var(--rf-blue);background:#f3f6ff}
.references-filters button.is-active{color:var(--rf-blue);background:#edf1ff;font-weight:800}
.references-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.references-brand{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--rf-line);border-radius:10px;transition:border-color .22s,box-shadow .22s,transform .22s}
.references-brand:hover{border-color:#bfcce1;box-shadow:0 13px 28px #163b6c0e;transform:translateY(-3px)}
.references-brand-logo{height:198px;display:grid;place-items:center;padding:30px 38px;background:#fff;text-decoration:none}
.references-brand-logo-inner{max-width:83%;max-height:120px;display:grid;place-items:center;transition:transform .24s}
.references-brand:hover .references-brand-logo-inner{transform:scale(1.035)}
.references-brand-logo img{display:block;max-width:100%;max-height:118px;width:auto;height:auto;object-fit:contain}
.references-brand-logo strong{color:var(--rf-ink);font-size:23px;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.references-brand-info{min-height:64px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:11px;border-top:1px solid #ebeff4}
.references-brand-sector{min-width:0;color:#6d7988;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.references-brand-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 15px}
.references-brand-actions a{display:inline-flex;align-items:center;gap:6px;color:#3154a2;font-size:11px;font-weight:760;text-decoration:none;white-space:nowrap}
.references-brand-actions a:hover{color:var(--rf-blue);text-decoration:underline}
.references-brand-actions a i{font-size:10px}
.references-brand-actions .references-brand-link{color:#637a9c}
.references-empty{padding:62px 20px;text-align:center;border:1px dashed #cbd6e4;border-radius:10px}
.references-empty>i{color:#6b8acb;font-size:24px}.references-empty h2{margin:15px 0 6px;color:var(--rf-ink);font-size:20px}.references-empty p{margin:0;color:var(--rf-muted);font-size:13px}
.references-grid.is-enhanced .references-brand{opacity:0;transform:translateY(17px)}
.references-grid.is-enhanced .references-brand.is-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease var(--reveal-delay),transform .5s ease var(--reveal-delay),border-color .22s,box-shadow .22s}
.references-grid.is-enhanced .references-brand.is-visible:hover{transform:translateY(-3px)}
@keyframes references-word-in{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes references-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1080px){.references-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.references-hero{padding:60px 0 54px}.references-hero h1{font-size:clamp(34px,7vw,47px)}.references-hero p{font-size:13px}.references-list{padding:43px 0 60px}.references-list-heading{align-items:start;flex-direction:column;gap:11px}.references-list-heading p{text-align:left}.references-brand-info{align-items:flex-start;flex-direction:column}}
@media(max-width:590px){.references-grid{grid-template-columns:1fr;gap:15px}.references-brand-logo{height:175px}.references-brand-info{padding:13px 16px}.references-filters{gap:3px}.references-filters button{padding:8px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.references-slogan,.references-slogan:after,.references-brand,.references-brand-logo-inner,.references-grid.is-enhanced .references-brand,.references-grid.is-enhanced .references-brand.is-visible{animation:none;transition:none;opacity:1;transform:none}.references-slogan:after{transform:scaleX(1)}}

/* Özgün Webidir rehberleri: yalın kitap kapağı ve indirme akışı. */
.references-ebooks{padding:77px 0 88px;background:#f8fafc;border-top:1px solid #e9edf2}
.references-ebooks-heading{max-width:650px;margin:0 auto 39px;text-align:center}
.references-ebooks-heading>span,.references-ebook-dialog-kicker{color:#315cd5;font-size:10px;font-weight:800;letter-spacing:.12em}
.references-ebooks-heading h2{margin:12px 0 10px;color:var(--rf-ink);font-size:clamp(29px,3.2vw,42px);line-height:1.14;letter-spacing:-.045em}
.references-ebooks-heading p{margin:0;color:var(--rf-muted);font-size:14px;line-height:1.7}
.references-ebooks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.references-ebook-card{min-width:0;padding:13px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--rf-line);border-radius:11px;transition:transform .2s,box-shadow .2s}
.references-ebook-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #163b6c12}
.references-ebook-cover{position:relative;min-height:330px;padding:25px 23px;display:flex;flex-direction:column;overflow:hidden;border:1px solid currentColor}
.references-ebook-cover--blue{color:#315cf0;background:#e9f1ff}.references-ebook-cover--violet{color:#6b50c8;background:#f0ebff}.references-ebook-cover--mint{color:#078c80;background:#e6f5f2}.references-ebook-cover--peach{color:#e66b35;background:#fff0e7}
.references-ebook-series{position:relative;z-index:1;font-size:9px;font-weight:850;letter-spacing:.09em}
.references-ebook-cover h3{position:relative;z-index:1;margin:36px 0 0;color:#132744;font-size:clamp(20px,1.7vw,29px);line-height:1.16;letter-spacing:-.035em;overflow-wrap:anywhere}
.references-ebook-cover small{position:relative;z-index:1;margin-top:auto;color:#132744;font-size:11px;font-weight:750}
.references-ebook-watermark{position:absolute;right:-8px;bottom:15px;color:currentColor;opacity:.13;font-size:165px;font-weight:900;line-height:1;letter-spacing:-.1em;pointer-events:none}
.references-ebook-card>p{min-height:49px;margin:15px 4px;color:#60718a;font-size:11px;line-height:1.5}
.references-ebook-download{min-height:40px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;color:#193d75;background:#fff;border:1px solid #cfdbea;border-radius:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;transition:background-color .2s,border-color .2s}
.references-ebook-download:hover{background:#eef3ff;border-color:#90ade6}
.references-ebook-download i{font-size:10px}
.references-ebook-modal[hidden]{display:none}
.references-ebook-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px}
.references-ebook-backdrop{position:absolute;inset:0;background:#0a1839ba;backdrop-filter:blur(3px)}
.references-ebook-dialog{position:relative;width:min(100%,480px);max-height:calc(100vh - 36px);overflow:auto;padding:32px;background:#fff;border-radius:13px;box-shadow:0 24px 80px #081a3666}
.references-ebook-close{position:absolute;right:18px;top:17px;width:31px;height:31px;color:#6d7c90;background:#fff;border:0;border-radius:6px;cursor:pointer;font-size:17px}
.references-ebook-close:hover{background:#f0f3f8}
.references-ebook-dialog h2{margin:11px 25px 5px;color:var(--rf-ink);font-size:27px;letter-spacing:-.04em}
.references-ebook-dialog>p{margin:0 0 23px;color:#61738e;font-size:13px;line-height:1.5}
.references-ebook-dialog form{display:grid;gap:13px}
.references-ebook-dialog form>label,.references-ebook-form-row>label{display:grid;gap:6px;color:#2c4564;font-size:11px;font-weight:750}
.references-ebook-dialog form>label span{font-weight:500;color:#8491a3}
.references-ebook-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.references-ebook-dialog input:not([type="checkbox"]){width:100%;height:41px;padding:0 12px;color:#183556;background:#fff;border:1px solid #d8e2ed;border-radius:7px;font:inherit;font-size:12px;outline:none}
.references-ebook-dialog input:not([type="checkbox"]):focus{border-color:#7394df;box-shadow:0 0 0 3px #315cf014}
.references-ebook-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.references-ebook-privacy{margin:0;padding:10px 12px;color:#64758d;background:#f7f9fc;border-radius:6px;font-size:10px;line-height:1.55}
.references-ebook-privacy a{color:#315cd5;text-decoration:underline}
.references-ebook-ack{display:flex!important;align-items:center;gap:8px!important;cursor:pointer}
.references-ebook-ack input{width:15px;height:15px;margin:0;accent-color:#315cf0}
.references-ebook-ack span{color:#334b69!important;font-size:11px;font-weight:600!important}
.references-ebook-form-status{min-height:0;margin:0;color:#b0374b;font-size:11px;line-height:1.45}
.references-ebook-form-status[data-state="success"]{color:#0b816f}
.references-ebook-form-status:empty{display:none}
.references-ebook-submit{height:44px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:#315cf0;border:0;border-radius:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}
.references-ebook-submit:hover{background:#214bc9}
.references-ebook-submit:disabled{opacity:.65;cursor:wait}
body.references-ebook-modal-open{overflow:hidden}
@media(max-width:1120px){.references-ebooks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.references-ebook-cover{min-height:310px}}
@media(max-width:620px){.references-ebooks{padding:54px 0 62px}.references-ebooks-heading{margin-bottom:28px}.references-ebooks-heading p{font-size:12px}.references-ebooks-grid{gap:12px}.references-ebook-card{padding:8px}.references-ebook-cover{min-height:255px;padding:17px 15px}.references-ebook-cover h3{font-size:19px;margin-top:26px}.references-ebook-watermark{font-size:112px}.references-ebook-card>p{font-size:10px}.references-ebook-download{font-size:11px}}
@media(max-width:460px){.references-ebooks-grid{grid-template-columns:1fr}.references-ebook-cover{min-height:270px}.references-ebook-cover h3{font-size:24px;max-width:280px}.references-ebook-dialog{padding:27px 20px}.references-ebook-form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.references-ebook-card,.references-ebook-download{transition:none}}