*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--green:#20b66b;--green2:#087a45;--green3:#06452d;--deep:#03130d;--panel:rgba(7,35,24,.72);--line:rgba(55,210,133,.24);--text:#f2f8f5;--muted:#a9bbb3;--shadow:0 24px 70px rgba(0,0,0,.45)}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(24,171,99,.20),transparent 30%),linear-gradient(145deg,#02100a 0%,#06271a 43%,#01120b 100%);line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(75,255,159,.025) 45%,transparent 75%);z-index:-1}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}
.top{position:sticky;top:0;z-index:50;background:rgba(2,18,12,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(72,220,143,.25);box-shadow:0 10px 35px rgba(0,0,0,.35)}
.nav{min-height:72px;display:flex;align-items:center;gap:22px}.brand{font-size:21px;font-weight:950;letter-spacing:2px;white-space:nowrap;color:#fff;text-shadow:0 0 18px rgba(35,218,126,.28)}
.nav nav{display:flex;gap:4px;flex:1;justify-content:center}.nav nav a,.langs button{padding:9px 12px;border:1px solid transparent;background:transparent;color:#cbd8d2;font-weight:750;font-size:13px;border-radius:9px;transition:.25s}
.nav nav a:hover,.langs button:hover{border-color:var(--line);background:rgba(24,174,99,.12);color:#fff;box-shadow:inset 0 0 18px rgba(33,199,116,.08)}
.langs{display:flex;gap:4px}.langs button{cursor:pointer}.langs button.active{background:linear-gradient(135deg,#159c5d,#075a38);border-color:#37d58a;color:#fff;box-shadow:0 5px 20px rgba(18,173,98,.22)}
.hero{min-height:690px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;position:relative}.hero:before{content:"";position:absolute;width:600px;height:600px;left:-220px;top:-150px;background:radial-gradient(circle,rgba(32,182,107,.18),transparent 67%);pointer-events:none}
.heroText,.heroCard{position:relative;z-index:1}.eyebrow{color:#42dc91;font-size:13px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.7vw,76px);line-height:1.02;margin:15px 0 25px;letter-spacing:-2px}.lead{font-size:19px;color:var(--muted);max-width:690px}
.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 20px;border:1px solid rgba(83,226,151,.32);background:linear-gradient(180deg,rgba(25,64,46,.95),rgba(7,29,20,.95));font-weight:850;border-radius:10px;box-shadow:0 9px 25px rgba(0,0,0,.25);transition:.25s}.btn:hover{transform:translateY(-2px);border-color:#48e79a;box-shadow:0 12px 30px rgba(15,194,106,.2)}.btn.primary{background:linear-gradient(135deg,#20b86c,#087a45);border-color:#48e79a;color:#fff}
.heroCard{padding:10px;border-radius:22px;background:linear-gradient(145deg,rgba(47,218,135,.7),rgba(2,50,32,.85) 35%,rgba(1,15,10,.95));box-shadow:0 28px 75px rgba(0,0,0,.6),0 0 55px rgba(24,181,102,.12);transform:rotate(1.2deg);transition:.45s}.heroCard:before{content:"";position:absolute;inset:5px;border:1px solid rgba(119,255,190,.38);border-radius:18px;pointer-events:none}.heroCard:hover{transform:rotate(0) translateY(-8px)}.heroCard img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.heroCard div{padding:15px 9px 6px}.heroCard strong{display:block;font-size:21px}.heroCard span{color:#9fb8ad}
.intro{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(100deg,rgba(9,63,40,.75),rgba(3,29,19,.7));border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:85px;box-shadow:var(--shadow);overflow:hidden}.intro>div{padding:20px 22px;border-right:1px solid rgba(67,211,139,.16)}.intro>div:last-child{border:0}.stat{font-size:29px;font-weight:950;color:#54e99d}.intro span{color:#9db4a9;font-size:13px}
.section{padding:95px 0}.section.dark{background:linear-gradient(135deg,rgba(2,27,18,.95),rgba(1,12,8,.98));border-top:1px solid rgba(62,212,137,.16);border-bottom:1px solid rgba(62,212,137,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
.sectionHead{display:flex;align-items:center;gap:16px;margin-bottom:35px}.sectionHead span{color:#45df92;font-weight:950;letter-spacing:2px}.section h2{font-size:40px;margin:0;letter-spacing:-.7px}.sectionIntro,.two p{color:#a7bab1;max-width:850px}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two h3{font-size:28px}.quote{border:1px solid var(--line);border-left:4px solid #24c978;padding:28px 30px;font-size:22px;color:#dceae4;background:linear-gradient(135deg,rgba(15,66,43,.68),rgba(3,25,17,.75));border-radius:15px;box-shadow:var(--shadow)}
.bookGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.book{position:relative;background:linear-gradient(145deg,rgba(19,63,43,.72),rgba(4,25,17,.9));border:1px solid rgba(65,211,139,.22);padding:25px;min-height:230px;display:flex;flex-direction:column;border-radius:15px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.25);transition:.3s}.book:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(55,222,139,.09),transparent 45%);pointer-events:none}.book:hover{transform:translateY(-6px);border-color:rgba(73,231,153,.55);box-shadow:0 22px 50px rgba(0,0,0,.4),0 0 25px rgba(28,190,109,.09)}.book h3{position:relative;margin:0 0 12px;font-size:18px;line-height:1.35}.book p{position:relative;color:#9aafa5;font-size:14px}.book a{position:relative;margin-top:auto;color:#4ce49a;font-weight:850}
.storeBar{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.storeBar a{border:1px solid var(--line);padding:10px 18px;background:rgba(9,51,34,.75);font-weight:850;border-radius:9px;transition:.25s}.storeBar a:hover{background:#0d6b42;border-color:#50e79e}
.videoShowcase{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.videoPanel,.channelPanel{border:1px solid rgba(67,214,139,.2);background:linear-gradient(145deg,rgba(13,57,38,.78),rgba(2,19,13,.92));border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.videoPanel iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.videoInfo{padding:22px}.videoInfo h3{margin:0 0 8px}.videoInfo p,.channelPanel p{color:#9caf a5;color:#9aafa5}.channelPanel{padding:30px;display:flex;flex-direction:column;justify-content:center}.channelMark{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#22bd70,#075b38);color:white;font-size:32px;font-weight:900;box-shadow:0 12px 35px rgba(20,185,103,.25)}
.featureStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.feature{padding:24px;border:1px solid rgba(66,211,137,.18);background:rgba(8,51,34,.45);border-radius:14px}.feature strong{display:block;font-size:18px;margin-bottom:8px;color:#e8f7ef}.feature span{color:#91a99e;font-size:13px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:pointer;padding:5px;background:linear-gradient(145deg,#35dc8b,#075a39 55%,#02150d);border:1px solid rgba(95,240,165,.5);border-radius:13px;box-shadow:0 10px 25px rgba(0,0,0,.42),0 0 0 1px rgba(0,0,0,.65) inset;transition:.35s}.gallery img:hover{transform:translateY(-7px) scale(1.025);box-shadow:0 22px 45px rgba(0,0,0,.55),0 0 24px rgba(28,199,113,.24);filter:brightness(1.08)}
.docs{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.docs img{width:100%;height:230px;object-fit:contain;background:linear-gradient(145deg,#0c3c27,#03150d);padding:7px;border:1px solid rgba(79,223,146,.34);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.38);transition:.3s}.docs img:hover{transform:translateY(-5px);border-color:#54e99d;box-shadow:0 18px 40px rgba(0,0,0,.48),0 0 22px rgba(31,195,112,.15)}
.contact{background:linear-gradient(130deg,#073b26,#02170e)}.contactGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contactGrid a{border:1px solid rgba(69,216,140,.22);padding:20px;background:rgba(3,27,18,.75);font-size:19px;font-weight:850;border-radius:13px;transition:.3s}.contactGrid a:hover{transform:translateY(-5px);border-color:#47df94;background:rgba(10,72,46,.8);box-shadow:0 15px 35px rgba(0,0,0,.3)}.contactGrid small{display:block;color:#8ea79c;font-size:12px;font-weight:500;margin-top:3px}
footer{border-top:1px solid rgba(63,211,137,.2);background:#011009}footer .wrap{padding:25px 0;display:flex;justify-content:space-between;color:#789187}footer strong{color:#d9eee3}
.pageHero{padding:110px 0 60px;background:radial-gradient(circle at 80% 20%,rgba(28,191,108,.18),transparent 35%),linear-gradient(145deg,#062c1c,#01140c);border-bottom:1px solid rgba(66,214,139,.2)}.pageHero h1{font-size:clamp(42px,7vw,82px);margin:0 0 15px;letter-spacing:-2px}.pageHero p{max-width:750px;color:#a4b8ae;font-size:18px}
.bookCatalog{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.catalogCard{background:linear-gradient(145deg,rgba(10,53,35,.72),rgba(2,20,13,.92));border:1px solid rgba(67,214,139,.2);border-radius:16px;padding:12px;transition:.3s;box-shadow:0 15px 38px rgba(0,0,0,.28)}.catalogCard:hover{transform:translateY(-7px);border-color:rgba(73,231,153,.55);box-shadow:0 25px 55px rgba(0,0,0,.42),0 0 25px rgba(29,195,111,.1)}
.catalogCard .cover{height:390px}.cover{overflow:hidden;border-radius:10px;position:relative;background:#03170e;padding:5px;background:linear-gradient(145deg,#45e49a,#075b39 50%,#02150d);box-shadow:0 18px 35px rgba(0,0,0,.48)}.cover:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.16);border-radius:6px;pointer-events:none}.cover img{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:.45s}.catalogCard:hover .cover img{transform:scale(1.035)}.coverFallback{height:100%;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#123f2b,#03170e);border:1px solid rgba(80,226,149,.3)}.coverFallback b{font-size:25px;line-height:1.05}.coverFallback small{color:#a2bdb0}.bookCard h3{font-size:17px;margin:15px 0 7px}.catalogMeta{padding:7px 5px 10px}.catalogMeta h3{font-size:18px;line-height:1.25}.catalogMeta .isbn{color:#80998e;font-size:12px}.catalogLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.catalogLinks a{font-size:12px;padding:8px 10px;border:1px solid rgba(72,215,140,.24);border-radius:8px;color:#d5e7df;background:rgba(4,35,23,.55)}.catalogLinks a:hover{border-color:#54e99d;color:#fff;background:#0a5d3a}
@media(max-width:1000px){.bookCatalog{grid-template-columns:repeat(3,1fr)}.videoShowcase{grid-template-columns:1fr}.docs{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding:65px 0;min-height:auto}.heroCard{max-width:500px;margin:auto}.intro{grid-template-columns:1fr 1fr}.bookGrid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.contactGrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.featureStrip{grid-template-columns:1fr}.bookCatalog{grid-template-columns:repeat(2,1fr)}.docs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.nav{min-height:62px}.brand{font-size:17px}.langs{margin-left:auto}.hero h1{font-size:40px}.actions{flex-direction:column;align-items:stretch}.actions .btn{text-align:center}.intro{grid-template-columns:1fr}.intro>div{border-right:0;border-bottom:1px solid rgba(67,211,139,.16)}.intro>div:last-child{border-bottom:0}.bookGrid,.gallery,.contactGrid{grid-template-columns:1fr}.docs{grid-template-columns:1fr 1fr}.bookCatalog{grid-template-columns:1fr}.catalogCard .cover{height:430px}.section{padding:65px 0}.pageHero{padding:80px 0 40px}.videoPanel,.channelPanel,.quote{border-radius:12px}footer .wrap{flex-direction:column;gap:8px}}

/* --- Biyografi: modern green timeline/cards --- */
.biography{background:radial-gradient(circle at 85% 15%,rgba(32,182,107,.13),transparent 34%),linear-gradient(135deg,rgba(4,39,25,.92),rgba(2,17,11,.98));border-top:1px solid rgba(70,225,145,.15);border-bottom:1px solid rgba(70,225,145,.15)}
.bioIntro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px;padding:30px;border:1px solid rgba(69,220,143,.22);border-radius:18px;background:linear-gradient(135deg,rgba(18,76,49,.58),rgba(3,25,16,.72));box-shadow:var(--shadow)}
.bioKicker{margin:0 0 8px;color:#49df96;font-size:12px;font-weight:900;letter-spacing:2px}.bioIntro h3{font-size:30px;margin:0 0 10px}.bioIntro p:not(.bioKicker){max-width:820px;color:#a9bdb3;margin:0}.sourceBtn{flex:0 0 auto;padding:12px 17px;border:1px solid rgba(74,225,148,.35);border-radius:10px;background:linear-gradient(135deg,#167d4d,#06442d);font-weight:850;white-space:nowrap;transition:.25s}.sourceBtn:hover{transform:translateY(-2px);border-color:#54e99d;box-shadow:0 12px 30px rgba(20,190,108,.18)}
.bioGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.bioCard{position:relative;min-height:245px;padding:26px;border:1px solid rgba(70,216,140,.18);border-radius:15px;background:linear-gradient(145deg,rgba(11,58,38,.72),rgba(3,22,14,.9));box-shadow:0 15px 38px rgba(0,0,0,.28);overflow:hidden;transition:.3s}.bioCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#48e99a,#087a45);opacity:.8}.bioCard:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(75,238,158,.08),transparent 42%);pointer-events:none}.bioCard:hover{transform:translateY(-5px);border-color:rgba(78,231,151,.45);box-shadow:0 22px 48px rgba(0,0,0,.4),0 0 22px rgba(27,190,108,.09)}.bioYear{position:relative;z-index:1;display:inline-block;color:#4de69b;font-size:12px;font-weight:950;letter-spacing:1.5px;padding:5px 9px;border:1px solid rgba(74,225,148,.25);border-radius:7px;background:rgba(9,57,37,.7)}.bioCard h3{position:relative;z-index:1;margin:18px 0 9px;font-size:19px}.bioCard p{position:relative;z-index:1;margin:0;color:#9eb3a9;font-size:14px;line-height:1.7}.bioNote{margin-top:25px;padding:16px 20px;border-left:3px solid #23c979;background:rgba(8,52,33,.45);color:#8fa99e;font-size:12px;border-radius:0 9px 9px 0}
@media(max-width:900px){.bioGrid{grid-template-columns:1fr 1fr}.bioIntro{align-items:flex-start;flex-direction:column}.sourceBtn{white-space:normal}}
@media(max-width:560px){.bioGrid{grid-template-columns:1fr}.bioIntro{padding:22px}.bioIntro h3{font-size:25px}.bioCard{min-height:auto}}