/* ===== SANAT KATMANI: yapay zekâ + sanat + huzur ===== */
:root{--serif:'Instrument Serif',Georgia,serif;--sis-1:rgba(255,179,92,.10);--sis-2:rgba(139,123,255,.10);--sis-3:rgba(94,232,255,.07)}

/* başlıklardaki vurgu: el yazısına yakın zarif italik serif, ışıklı renk geçişi */
h2 em,.as-t em,.satir.vurgu>span{font-family:var(--serif)!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.01em!important}
h2 em{font-size:1.12em;line-height:.9}
.satir.vurgu>span{font-size:1.12em}

/* sakin aurora: sayfanın arkasında çok yavaş süzülen ışık sisleri */
.aurora{position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;filter:blur(70px);opacity:.9}
.aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:suz 38s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:60vmax;height:60vmax;left:5%;top:0;background:radial-gradient(circle,var(--sis-1),transparent 65%)}
.aurora i:nth-child(2){width:55vmax;height:55vmax;right:0;top:25%;background:radial-gradient(circle,var(--sis-2),transparent 65%);animation-duration:46s;animation-delay:-12s}
.aurora i:nth-child(3){width:50vmax;height:50vmax;left:30%;bottom:0;background:radial-gradient(circle,var(--sis-3),transparent 65%);animation-duration:52s;animation-delay:-24s}
@keyframes suz{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vmax,-4vmax,0) scale(1.12)}100%{transform:translate3d(-5vmax,5vmax,0) scale(.95)}}

/* bölüm geçişlerinde fırça darbesi gibi ince el çizimi çizgi */
.bolum{position:relative}
.bolum::before{content:"";position:absolute;left:50%;top:0;width:min(720px,80vw);height:40px;transform:translateX(-50%);opacity:.5;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 40'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop offset='0' stop-color='%23ffb35c' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23ffb35c'/%3E%3Cstop offset='1' stop-color='%238b7bff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 22 C120 8 220 34 360 20 S600 6 720 24' fill='none' stroke='url(%23g)' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
#isler::before,#makine::before{display:none}

/* ===== ASİSTAN VİTRİNİ: sanat galerisi gibi ===== */
.asistan{position:relative;isolation:isolate;border:0!important;background:linear-gradient(160deg,rgba(26,22,48,.9),rgba(10,12,20,.92))!important;
  box-shadow:0 0 0 1px rgba(139,123,255,.18),0 60px 120px -60px rgba(139,123,255,.45)}
.asistan::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;
  background:conic-gradient(from var(--aci,0deg),rgba(255,179,92,.6),rgba(139,123,255,.15),rgba(94,232,255,.6),rgba(139,123,255,.15),rgba(255,179,92,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cerceve 12s linear infinite}
@property --aci{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes cerceve{to{--aci:360deg}}
.asistan::after{content:"";position:absolute;right:-10%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(139,123,255,.28),rgba(94,232,255,.08) 45%,transparent 70%);filter:blur(30px);animation:nefes 9s ease-in-out infinite}
@keyframes nefes{50%{transform:scale(1.15);opacity:.7}}
.as-bas>p{font-size:17px;line-height:1.7}
.as-sek button{background:rgba(255,255,255,.025)!important;backdrop-filter:blur(6px);border-radius:18px!important}
.as-sek button.on{background:linear-gradient(135deg,rgba(139,123,255,.18),rgba(94,232,255,.08))!important;box-shadow:0 20px 40px -24px rgba(94,232,255,.6)}
.as-sek .ik{border-radius:50%!important;font-size:18px!important}
.tel{animation:yuz 7s ease-in-out infinite}
@keyframes yuz{50%{translate:0 -10px}}
.tel::before{content:"";position:absolute;inset:-40px;z-index:-1;border-radius:60px;background:radial-gradient(circle at 50% 40%,rgba(139,123,255,.35),transparent 60%);filter:blur(30px)}
.tel-akis{background:radial-gradient(circle at 20% 0,rgba(255,179,92,.08),transparent 50%),radial-gradient(circle at 90% 100%,rgba(94,232,255,.08),transparent 50%)!important}
.bal.a{background:rgba(255,255,255,.07)!important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06)}
.bal.s{background:linear-gradient(135deg,#6a55f2,#8b7bff)!important}
.bal.k{background:linear-gradient(135deg,#119a7c,#2fd1a6)!important}
.as-yuzen{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.as-yuzen i{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5),rgba(255,255,255,.04) 60%);border:1px solid rgba(255,255,255,.08);animation:yukari linear infinite}
@keyframes yukari{from{transform:translateY(110%)}to{transform:translateY(-140%)}}

/* ===== HAKKIMDA: kapsüller dokununca renklenir, hafifçe zıplar ===== */
.kimlik li{position:relative;overflow:hidden;cursor:default;isolation:isolate;transition:transform .5s var(--yumusak),color .4s,border-color .4s,box-shadow .5s}
.kimlik li::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--r);transform:translateY(101%);transition:transform .55s var(--yumusak)}
.kimlik li:nth-child(1){--r:linear-gradient(120deg,#ffb35c,#ff7a45)}
.kimlik li:nth-child(2){--r:linear-gradient(120deg,#8b7bff,#c38bff)}
.kimlik li:nth-child(3){--r:linear-gradient(120deg,#ff4f9a,#ff9a62)}
.kimlik li:nth-child(4){--r:linear-gradient(120deg,#2f6cff,#5ee8ff)}
.kimlik li:nth-child(5){--r:linear-gradient(120deg,#5ee8ff,#6ee7a0)}
.kimlik li:nth-child(6){--r:linear-gradient(120deg,#e8d5a8,#ffb35c)}
.kimlik li:nth-child(7){--r:linear-gradient(120deg,#6ee7a0,#8b7bff)}
.kimlik li:hover{color:var(--gece);border-color:transparent;transform:translateY(-5px) rotate(-1.5deg);box-shadow:0 18px 30px -16px rgba(255,179,92,.6)}
.kimlik li:nth-child(even):hover{transform:translateY(-5px) rotate(1.5deg)}
.kimlik li:hover::before{transform:none}

/* hakkında siluet çerçevesi: yavaş dönen suluboya ışık */
.sil-cer{background:radial-gradient(circle at 30% 70%,rgba(255,179,92,.18),transparent 50%),radial-gradient(circle at 75% 25%,rgba(139,123,255,.22),transparent 55%),var(--gece-2)!important}

@media (prefers-reduced-motion:reduce){.aurora i,.tel,.asistan::before,.asistan::after,.as-yuzen i{animation:none!important}}