@keyframes spark{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-150px) translateX(20px) scale(0);opacity:0}}@keyframes titlePulse{0%{text-shadow:0 0 60px rgba(255,184,48,.2),0 2px 4px rgba(0,0,0,.8)}to{text-shadow:0 0 80px rgba(255,184,48,.35),0 0 120px rgba(232,90,42,.1),0 2px 4px rgba(0,0,0,.8)}}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.3}50%{transform:rotate(45deg) translateY(8px);opacity:.7}}:root{--gold:#FFB830;--gold-soft:#F5D78E;--gold-dim:#C4952A;--ember:#E85A2A;--wine:#7C1E3F;--wine-glow:rgba(124, 30, 63, 0.25);--teal:#1A5C5A;--teal-glow:rgba(26, 92, 90, 0.15);--bg-pure:#050505;--bg-main:#0A0A0B;--bg-card:rgba(255, 255, 255, 0.04);--bg-card-hover:rgba(255, 255, 255, 0.07);--bg-glass:rgba(255, 255, 255, 0.03);--text:#F0ECE4;--text-mid:#B8B0A2;--text-dim:#716B60;--border:rgba(255, 184, 48, 0.1);--border-hover:rgba(255, 184, 48, 0.25);--font-display:'Cinzel Decorative', serif;--font-heading:'Playfair Display', serif;--font-body:'Inter', sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-pure);color:var(--text);overflow-x:hidden;line-height:1.7}.container{max-width:1100px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 30px;display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,5,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.navbar.scrolled{padding:10px 30px;background:rgba(5,5,5,.95);box-shadow:0 4px 30px rgba(0,0,0,.5)}.nav-brand{font-family:var(--font-display);font-size:1.4rem;color:var(--gold);font-weight:700;letter-spacing:3px}.nav-links{display:flex;list-style:none;gap:28px;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dim);font-size:.82rem;font-weight:500;letter-spacing:1.5px;transition:color .3s ease;text-transform:uppercase}.nav-links a:hover{color:var(--gold)}.nav-instagram{background:var(--gold);color:#000!important;padding:8px 20px;border-radius:6px;font-weight:700!important;transition:all .2s ease!important}.nav-instagram:hover{color:#000!important;transform:translateY(-1px);box-shadow:0 4px 20px rgba(255,184,48,.35)}.nav-toggle{display:none;background:0 0;border:0;cursor:pointer;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--gold);transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:url(../assets/hero-bg.jpg)center center/cover no-repeat,var(--bg-pure)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50%at 50% 45%,rgba(0,0,0,.55)0,rgba(0,0,0,.7) 100%),radial-gradient(ellipse 50% 30%at 50% 90%,rgba(255,140,40,.12)0,transparent 60%);z-index:1}.fire-particles,.hero-vignette{position:absolute;pointer-events:none}.hero-vignette{inset:0;background:radial-gradient(ellipse 70% 60%at 50% 50%,transparent 30%,rgba(0,0,0,.65) 100%);z-index:2}.fire-particles{bottom:8%;left:50%;transform:translateX(-50%);width:140px;height:200px;z-index:3}.particle{position:absolute;bottom:0;border-radius:50%;opacity:0}.particle:nth-child(1){left:30%;width:3px;height:3px;animation:spark 2.8s 0s infinite ease-out;background:var(--ember)}.particle:nth-child(2){left:50%;width:2px;height:2px;animation:spark 3.2s .4s infinite ease-out;background:var(--gold)}.particle:nth-child(3){left:70%;width:3px;height:3px;animation:spark 2.5s .9s infinite ease-out;background:#ff8c42}.particle:nth-child(4){left:40%;width:2px;height:2px;animation:spark 3s 1.3s infinite ease-out;background:var(--gold)}.particle:nth-child(5){left:60%;width:3px;height:3px;animation:spark 2.7s 1.8s infinite ease-out;background:var(--ember)}.particle:nth-child(6){left:45%;width:2px;height:2px;animation:spark 3.1s 2.2s infinite ease-out;background:#ff8c42}.hero-content{position:relative;z-index:10;padding:0 20px;max-width:680px}.hero-pre{font-size:.85rem;color:var(--text-mid);letter-spacing:3px;margin-bottom:24px;text-transform:uppercase;font-weight:300}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5.5rem);color:var(--gold);margin-bottom:16px;letter-spacing:2px;line-height:1.05;text-shadow:0 0 60px rgba(255,184,48,.25),0 2px 4px rgba(0,0,0,.8);animation:titlePulse 6s ease-in-out infinite alternate}.hero-divider{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:28px auto;opacity:.7}.hero-subtitle,.timeline-content h3{font-family:var(--font-heading);color:var(--text)}.hero-subtitle{font-size:clamp(.95rem,2vw,1.15rem);line-height:2;margin-bottom:16px}.hero-slogan{font-family:var(--font-heading);font-size:clamp(.85rem,1.6vw,1rem);color:var(--gold-soft);font-style:italic;margin-bottom:40px;opacity:.75}.hero-cta{display:inline-block;color:var(--gold);border:1.5px solid var(--gold);padding:14px 40px;border-radius:50px;text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;transition:all .3s ease}.hero-cta:hover{background:var(--gold);color:#000;box-shadow:0 0 30px rgba(255,184,48,.3);transform:translateY(-2px)}.hero-socials{display:flex;gap:14px;justify-content:center;margin-top:28px}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:50px;text-decoration:none;font-size:.82rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.social-instagram{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737);color:#fff}.social-instagram:hover,.social-tiktok:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(225,48,108,.35)}.social-tiktok{background:#000;color:#fff;border:1px solid rgba(255,255,255,.15)}.social-tiktok:hover{box-shadow:0 4px 20px rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.social-btn svg{flex-shrink:0}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10}.scroll-arrow{width:16px;height:16px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);animation:scrollBounce 2.5s infinite;opacity:.4}.section{padding:110px 0;position:relative}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.2rem);color:var(--gold);text-align:center;margin-bottom:10px;letter-spacing:3px}.section-title::after{content:"";display:block;width:40px;height:2px;background:var(--gold);margin:16px auto 0;opacity:.5}.section-intro,.subsection-title{font-family:var(--font-heading);text-align:center;font-style:italic}.section-intro{color:var(--text-mid);font-size:1rem;max-width:500px;margin:0 auto 55px;line-height:1.8}.subsection-title{font-size:1.15rem;color:var(--gold-soft);margin-bottom:35px;letter-spacing:.5px}.hikaye{background:radial-gradient(ellipse 60% 40%at 20% 80%,rgba(232,90,42,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 40%at 80% 20%,rgba(255,184,48,.03) 0%,transparent 60%),var(--bg-pure)}.karakterler{background:radial-gradient(ellipse 50% 50%at 50% 50%,rgba(124,30,63,.06) 0%,transparent 60%),linear-gradient(180deg,var(--bg-pure) 0%,#080608 50%,var(--bg-pure) 100%)}.efkar{background:radial-gradient(ellipse 60% 40%at 30% 70%,rgba(124,30,63,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 40%at 70% 30%,rgba(26,92,90,.06) 0%,transparent 50%),linear-gradient(180deg,var(--bg-pure) 0%,#060808 50%,var(--bg-pure) 100%)}.misyon{background:radial-gradient(ellipse 50% 50%at 50% 60%,rgba(255,184,48,.04) 0%,transparent 60%),var(--bg-pure)}.destek{background:radial-gradient(ellipse 60% 50%at 50% 50%,rgba(255,184,48,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 40%at 80% 80%,rgba(26,92,90,.04) 0%,transparent 50%),linear-gradient(180deg,var(--bg-pure) 0%,#08080a 50%,var(--bg-pure) 100%)}.timeline{position:relative;max-width:720px;margin:0 auto;padding-left:44px}.timeline::before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold) 0%,var(--ember) 50%,var(--wine) 100%);opacity:.3}.timeline-item{position:relative;margin-bottom:48px}.timeline-marker{position:absolute;left:-36px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(255,184,48,.4),0 0 30px rgba(255,184,48,.1)}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px 28px 24px;transition:all .4s ease;backdrop-filter:blur(10px)}.timeline-content:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateX(6px);box-shadow:-4px 0 20px rgba(255,184,48,.05)}.chapter-badge{display:inline-block;background:var(--gold);color:#000;padding:3px 14px;border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.timeline-content h3{font-size:1.3rem;margin-bottom:10px}.character-info p,.timeline-content p{color:var(--text-mid);line-height:1.85;font-size:.9rem}.chapter-mood{margin-top:14px;font-family:var(--font-heading);font-style:italic;color:var(--gold-dim);font-size:.8rem;border-top:1px solid rgba(255,255,255,.05);padding-top:10px}.main-characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:80px}.character-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .4s ease;backdrop-filter:blur(10px)}.character-card:hover,.gang-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 20px rgba(255,184,48,.06)}.character-image{width:100%;height:320px;position:relative;overflow:hidden;background:#0a0a0a}.character-image img,.gang-image-wrap img{width:100%;object-fit:cover;object-position:top center}.character-image img{height:100%;transition:transform .5s ease}.character-card:hover .character-image img{transform:scale(1.05)}.character-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-display);font-size:4rem;color:var(--gold);background:radial-gradient(ellipse at 50% 60%,rgba(255,184,48,.08)0,transparent 60%),linear-gradient(180deg,#0c0c0c 0,#080808 100%);letter-spacing:4px}.character-info{padding:24px 28px 28px}.character-info h4,.efkar-card h4,.gang-info h4,.mission-item h4{font-family:var(--font-heading);font-size:1.4rem;color:var(--text);margin-bottom:4px}.character-role{display:inline-block;color:var(--gold);font-size:.78rem;font-style:italic;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.character-info p{font-size:.88rem;line-height:1.75}.gang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gang-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .4s ease;backdrop-filter:blur(10px);cursor:pointer}.gang-card:hover{box-shadow:0 14px 35px rgba(0,0,0,.5),0 0 15px rgba(255,184,48,.05);background:var(--bg-card-hover)}.gang-image-wrap{width:100%;height:200px;overflow:hidden;position:relative;background:#080808}.gang-image-wrap img{height:200px}.gang-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:200px;font-family:var(--font-display);font-size:2.5rem;color:var(--gold);background:radial-gradient(ellipse at 50% 50%,rgba(255,184,48,.06)0,transparent 60%),#080808}.gang-placeholder span{opacity:.7}.gang-info{padding:18px 16px;text-align:center}.efkar-card h4,.gang-info h4,.mission-item h4{font-size:1rem}.gang-info p{color:var(--text-dim);font-size:.8rem;font-style:italic}.efkar-atmosphere{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:45px}.efkar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:30px 24px;text-align:center;transition:all .3s ease;backdrop-filter:blur(10px)}.efkar-card:hover{border-color:rgba(124,30,63,.25);background:var(--bg-card-hover);box-shadow:0 0 30px rgba(124,30,63,.06)}.efkar-icon{font-size:2rem;margin-bottom:14px}.efkar-card h4,.mission-item h4{margin-bottom:8px;font-size:1.05rem}.efkar-card p{color:var(--text-dim);font-size:.85rem;line-height:1.75}.efkar-video-placeholder{max-width:420px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:45px 28px;text-align:center;backdrop-filter:blur(10px)}.play-button{width:60px;height:60px;border-radius:50%;background:rgba(255,184,48,.06);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.2rem;color:var(--gold);cursor:pointer;transition:all .3s ease}.play-button:hover{background:var(--gold);color:#000;transform:scale(1.08);box-shadow:0 0 25px rgba(255,184,48,.3)}.efkar-video-placeholder p{color:var(--text-dim);font-size:.88rem}.efkar-video-placeholder a,.footer-social a{color:var(--gold);text-decoration:none;font-weight:600}.efkar-video-placeholder a:hover,.footer-social a:hover{text-decoration:underline}.mission-content{max-width:780px;margin:0 auto}.mission-quote{font-family:var(--font-heading);font-size:clamp(1rem,2vw,1.2rem);color:var(--text);text-align:center;line-height:1.9;font-style:italic;border-left:3px solid var(--gold);padding:20px 28px;margin-bottom:45px;background:rgba(255,184,48,.02);border-radius:0 10px 10px 0}.mission-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.mission-item{text-align:center;padding:16px}.mission-icon{font-size:2rem;margin-bottom:10px}.mission-item h4{color:var(--gold-soft);font-size:1rem}.mission-item p,.support-card p{color:var(--text-mid);font-size:.85rem;line-height:1.75}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.support-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:32px 22px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(10px)}.support-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.4),0 0 20px rgba(255,184,48,.04)}.support-icon{font-size:2.2rem;margin-bottom:14px}.modal-content h2,.modal-content h3,.support-card h4{font-family:var(--font-heading);color:var(--text)}.support-card h4{font-size:1.05rem;margin-bottom:10px}.support-card p{margin-bottom:18px;flex-grow:1}.support-link{display:inline-block;background:var(--gold);color:#000;padding:10px 28px;border-radius:50px;text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.5px;transition:all .3s ease}.support-link:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(255,184,48,.3)}.support-link.coming-soon{background:0 0;color:var(--text-dim);border:1px solid rgba(255,255,255,.1);cursor:default;font-weight:400}.footer{background:var(--bg-main);border-top:1px solid rgba(255,255,255,.05);padding:50px 0 24px}.footer-top{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05)}.footer-brand{font-family:var(--font-display);font-size:1.5rem;color:var(--gold);margin-bottom:8px;letter-spacing:3px}.footer-slogan{font-family:var(--font-heading);font-style:italic;color:var(--text-dim);font-size:.88rem;margin-bottom:14px}.footer-social a{font-weight:500}.footer-social-divider{color:var(--text-dim);margin:0 10px;opacity:.4}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-legal{display:flex;gap:20px}.footer-legal-link{color:var(--text-dim);text-decoration:none;font-size:.78rem;transition:color .2s ease}.footer-legal-link:hover,.modal-content p{color:var(--text-mid)}.footer-credit{color:var(--text-dim);font-size:.72rem;opacity:.5}.modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-content{background:#0e0e10;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px;max-width:620px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-content h2{color:var(--gold);font-size:1.4rem;margin-bottom:4px}.modal-content h3{font-size:.95rem;margin:20px 0 6px}.modal-content p{font-size:.85rem;line-height:1.7;margin-bottom:8px}.modal-body{margin-top:20px}.modal-close{position:absolute;top:14px;right:18px;background:0 0;border:0;color:var(--text-dim);font-size:1.6rem;cursor:pointer;transition:color .2s ease}.modal-close:hover{color:var(--text)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.nav-links{position:fixed;top:0;right:-100%;width:75%;height:100vh;background:rgba(5,5,5,.98);flex-direction:column;justify-content:center;gap:22px;transition:right .4s ease;border-left:1px solid rgba(255,255,255,.05)}.nav-links.active{right:0}.nav-toggle{display:flex;z-index:1001}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.section{padding:80px 0}.timeline{padding-left:30px}.timeline::before{left:8px}.timeline-marker{left:-28px;width:10px;height:10px}.timeline-content{padding:22px}.main-characters{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.hero{background-position:70%center}.character-image{height:260px}.gang-grid{grid-template-columns:repeat(3,1fr);gap:12px}.gang-image-wrap,.gang-image-wrap img,.gang-placeholder{height:150px}.mission-details,.support-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.modal-content{padding:28px 20px}}@media (max-width:480px){.navbar{padding:12px 16px}.nav-brand{font-size:1.1rem}.hero{background-position:75%center}.hero-title{font-size:clamp(2rem,11vw,3.5rem)}.gang-grid{grid-template-columns:repeat(3,1fr);gap:8px}}