@charset "UTF-8";
/* Tek güncel tema: koyu deniz, turkuaz ışık ve canlı turuncu. */
:root{--bg:#040e18;--surface:#0a1d29;--ink:#eef9fa;--muted:#a0bbc4;--lime:#ff8a3d;--line:#72d9dd24;--ob_deniz:#2ce8d2;--ob_turkuaz:#2ce8d2;--ob_turuncu:#ff7829;--ob_kagit:#eef9fa;--ob_koyu:#04121c;--ob_menu_yazi:#ecfafa;--ob_parcacik_turkuaz:44,232,210;--ob_parcacik_turuncu:255,120,41;color-scheme:dark}
body{background:var(--bg);color:var(--ink)}
::selection{background:#ff7829;color:#04121c}
.button-primary{background:linear-gradient(115deg,#ffae65,#ff7829);color:#27170d;font-weight:650;box-shadow:0 9px 32px #ff782926}
.button-primary:hover{background:#ffad69;box-shadow:0 12px 38px #ff782949}
.status-dot{background:#40eed9;box-shadow:0 0 12px #2ce8d280}.eyebrow{color:#85b5bd}
/* Sahne bütünü koyu; ışık metnin arkasında sakin kalır. */
.ob_sinematik{background:radial-gradient(ellipse at 80% 42%,#073f4d 0,transparent 47%),radial-gradient(ellipse at 90% 80%,#42241780,transparent 36%),#040e18;isolation:isolate}
.ob_sinematik:before{inset:0;background:linear-gradient(90deg,#040e18 0,#040e18cf 28%,transparent 64%);border:0;border-radius:0;opacity:1;z-index:1;pointer-events:none}
.ob_sinematik:after{background-image:radial-gradient(#78dfe430 .6px,transparent .6px);background-size:18px 18px;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000);z-index:0}
.ob_sinematik[data-ob-platform="web"]:before,.ob_sinematik[data-ob-platform="mobile"]:before{transform:none;border-radius:0}
.ob_mavi_isik,.ob_turuncu_isik{display:block;opacity:.5}.ob_mavi_isik{background:#0bf2d5}.ob_turuncu_isik{background:#ff7422;opacity:.25}
.ob_sinematik .ob_izgara_zemin{opacity:.11}
.ob_sinematik .ob_sahne_tuvali{opacity:.8}
.ob_sinematik .ob_yazilim_kimligi,.ob_sinematik .ob_kimlik_konum{color:#a9c4cd}
.ob_sinematik .ob_sahne_koordinati{color:#8aafb9}.ob_sahne_koordinati i{background:#ff8a3d}
.ob_sinematik .ob_platform_fon{font-size:clamp(320px,34vw,620px);top:15%;right:5%;-webkit-text-stroke:1px #70e0db16;opacity:.8;color:transparent;z-index:0}
.ob_sinematik .ob_slayt_etiketi{color:#45ead6}.ob_slayt_etiketi i{background:#2ce8d2}
.ob_sinematik .ob_slayt_metni{z-index:9}
.ob_sinematik .ob_slayt_metni .ob_slayt_basligi,.ob_sinematik .ob_slayt_metni .ob_slayt_basligi>span{color:#eff9fa}
.ob_sinematik .ob_slayt_metni .ob_slayt_basligi .ob_baslik_satiri:first-child{color:#4bf2db;letter-spacing:-4px}
.ob_sinematik .ob_slayt_metni .ob_slayt_basligi em{background:linear-gradient(100deg,#ffb06b,#ff7829 75%);background-clip:text;-webkit-text-fill-color:transparent;color:#ff8a3d;text-shadow:0 0 60px #ff782918}
.ob_sinematik .ob_slayt_metni>p{color:#a6bfc9}.ob_sinematik .ob_slayt_hizmetleri{color:#7299a9}
.ob_sinematik .ob_baslik_satiri{transform:translate3d(calc(var(--ob_gecis_yonu,1)*45px),30px,0) rotateX(20deg);filter:blur(12px);transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .8s,filter 1s}
.ob_sinematik .ob_baslik_satiri:nth-child(2){transition-delay:.12s}.ob_sinematik .ob_baslik_satiri:nth-child(3){transition-delay:.24s}
.ob_sinematik .ob_slayt_etkin .ob_baslik_satiri{transform:none;filter:none;opacity:1}
.ob_sinematik .ob_slayt_eylemleri .button{border-radius:6px 24px 6px 24px;box-shadow:0 7px 40px #ff78292e}
.ob_sinematik .text-link{color:#dbedef}.ob_sinematik .text-link svg{color:#36e8d1}
/* Renkli şeritlerin üç ayrı platform figürü var. */
.ob_isik_koreografisi{position:absolute;inset:-26% -22% -13%;width:140%;height:140%;z-index:0;overflow:visible;pointer-events:none;rotate:-7deg;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.ob_isik_figuru{opacity:0;transform-origin:450px 350px;transition:opacity 1.2s,scale 1.8s cubic-bezier(.2,.8,.2,1);scale:.55}
.ob_sinematik[data-ob-platform="desktop"] [data-ob-isik="desktop"],.ob_sinematik[data-ob-platform="web"] [data-ob-isik="web"],.ob_sinematik[data-ob-platform="mobile"] [data-ob-isik="mobile"]{opacity:.95;scale:1;animation:ob_serit_dansi 12s ease-in-out infinite alternate}
.ob_isik_figuru path{stroke-linecap:round;stroke-linejoin:round;fill:none}
.ob_serit_turkuaz{stroke:url(#ob_serit_deniz);stroke-width:32;filter:drop-shadow(0 0 16px #12dcc74d)}
.ob_serit_turuncu{stroke:url(#ob_serit_ates);stroke-width:20;filter:drop-shadow(0 0 16px #ff74224d);stroke-dasharray:1150 180;animation:ob_serit_akisi 15s linear infinite}
.ob_yorunge_pariltisi{stroke-dasharray:3 12;opacity:.35;transform-origin:455px 365px;animation:ob_yorunge_dansi 32s linear infinite}
.ob_sinematik .ob_enerji_halkasi,.ob_sinematik .ob_sahne_mimarisi,.ob_sinematik .ob_web_katmanlari,.ob_sinematik .ob_enerji_izi{display:none}
.ob_sinematik .ob_veri_yollari{opacity:.22}.ob_sinematik .ob_gecis_dalgasi{border-color:#32ffe180;background:radial-gradient(ellipse,#30f5d92b,transparent 65%)}
.ob_sahne_perdesi{position:absolute;inset:0;z-index:11;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#26f3d230 46%,#ffc08330 51%,transparent 65%);opacity:0;mix-blend-mode:screen}
.ob_hareket_etiketi{position:absolute;left:25%;top:-10%;display:flex;align-items:center;gap:12px;color:#a4d2d7;font:6px Consolas,monospace;letter-spacing:1.5px;z-index:2;rotate:-8deg;animation:ob_etiket_dansi 7s ease-in-out infinite alternate}
.ob_hareket_etiketi>span{font:16px Consolas,monospace;color:#40f5df;border:1px solid #4ef0dc50;padding:8px;border-radius:10px;background:#0b2e37}
/* CSS translate/rotate, duyarlı cihaz transform'unu korur. */
.ob_sinematik .ob_cihaz{filter:drop-shadow(0 28px 35px #0008);will-change:auto}
.ob_sinematik[data-ob-platform="desktop"] .ob_cihaz_masaustu,.ob_sinematik[data-ob-platform="web"] .ob_cihaz_web,.ob_sinematik[data-ob-platform="mobile"] .ob_cihaz_mobil{animation:ob_cihaz_dansi 6.5s ease-in-out infinite alternate}
.ob_sinematik[data-ob-platform="web"] .ob_cihaz_web{animation-delay:-2s}.ob_sinematik[data-ob-platform="mobile"] .ob_cihaz_mobil{animation-duration:5.5s}
.ob_sinematik .ob_masaustu_kabuk{border-color:#55dcd864;background:linear-gradient(140deg,#17434e,#0a1e2d);box-shadow:inset 0 0 0 1px #a3ffeb1a,0 0 40px #12dcc716}
.ob_masaustu_menu b span,.ob_panel_ust strong>span{color:#ff8a3d}.ob_panel_avatar{color:#4bf2db;border-color:#36e8d155}
.ob_panel_grafigi path[stroke]{stroke:#43f6de;stroke-dasharray:450;animation:ob_grafik_canlanmasi 5s ease-in-out infinite}.ob_panel_grafigi stop{stop-color:#2ce8d2}
.ob_sinematik .ob_cihaz_etiketi{color:#80b6be;letter-spacing:3px}
.ob_sinematik .ob_web_kabuk{border-color:#43dfd466;box-shadow:0 20px 60px #0006,0 0 36px #2ce8d216}
.ob_sinematik .ob_web_gorsel>div{animation:ob_web_heykel_dansi 6s ease-in-out infinite alternate}
.ob_sinematik .ob_web_gorsel>span{animation:ob_etiket_dansi 5s ease-in-out infinite alternate-reverse}
.ob_sinematik .ob_telefon_kabuk{background:linear-gradient(140deg,#23616a,#081d2c);border-color:#6aeee1;box-shadow:inset 0 0 0 2px #06121c,0 0 40px #16e7cf26}
.ob_telefon_kart{background:linear-gradient(130deg,#ffba75,#ff7425)}.ob_telefon_menu b{background:#37ecd3}
.ob_sinematik .ob_canli_kod{background:linear-gradient(130deg,#0d303beF,#071722f5);border-color:#4bf2db55;box-shadow:0 20px 60px #0007,0 0 32px #16e7cf16;animation:ob_kod_dansi 7.5s ease-in-out infinite alternate}
.ob_sinematik .ob_kod_baslik{background:#28606b40;color:#a6d3d9}.ob_kod_etiketi{color:#4de5d2}.ob_kod_anahtar{color:#65eddd}.ob_kod_deger{color:#ffad6b}.ob_kod_yorum{color:#709fac}
.ob_sinematik .ob_platform_karti{background:linear-gradient(135deg,#14515ce8,#0a2434f2);border-color:#54ddd44d;box-shadow:0 25px 50px #0006;animation:ob_kart_dansi 8s ease-in-out infinite alternate;animation-delay:-3s}
.ob_sinematik .ob_platform_karti strong{color:#e3f9f6}.ob_kart_simge{color:#40f5df;border-color:#40f5df55}.ob_kart_detay{color:#ffad70}
.ob_sinematik .ob_platform_secenekleri{padding:0 24px;border:1px solid #70e3df2b;border-radius:12px;background:linear-gradient(110deg,#0b2731e0,#0b273166);backdrop-filter:blur(18px);box-shadow:0 15px 45px #0003}
.ob_sinematik .ob_platform_dugmesi{color:#8dafba}.ob_sinematik .ob_platform_dugmesi.ob_etkin{color:#eafcf8}.ob_sinematik .ob_platform_sirasi{color:#537a87}.ob_sinematik .ob_platform_dugmesi.ob_etkin .ob_platform_sirasi{color:#ff914d}
.ob_sinematik .ob_platform_dugmesi>i{background:linear-gradient(90deg,#ff7829,#2ce8d2);height:2px;box-shadow:0 0 12px #2ce8d266}
.ob_sinematik .ob_slayt_ok,.ob_sinematik .ob_slayt_duraklat{background:#0e303bc9;border-color:#65e3d849;color:#d2fff5}.ob_sinematik .ob_slayt_ok:hover{background:#ff8a3d;color:#06121c;border-color:#ff8a3d}
.ob_sinematik .ob_slayt_durumu{color:#89b7c1}.ob_sinematik .effects-toggle,.ob_sinematik .scroll-cue{color:#9bbec8}
/* Sayfanın geri kalanı ve gezinme aynı koyu deniz paletinde. */
.ob_gezinme_basligi{background:linear-gradient(#040e18f0,#040e184d,transparent)}.ob_kaydirildi{background:#061723f2}
.ob_ust_gezinme{background:#0c2a3580;border-color:#4ee4d82b}.ob_ust_gezinme a.active{background:#ff8a3d20;color:#ffb476}
.ob_menu_dugmesi{background:#0c3440;border-color:#55eadb55}.ob_menu_dugmesi:hover{background:#12505a}.ob_menu_cizgileri i{background:#4beed9}.ob_menu_cizgileri i:nth-child(2){background:#ff9b53}
.ob_marka_amblem svg path{stroke:#ff8a3d}.ob_marka_amblem svg path:nth-child(2){stroke:#34e5d1}.ob_marka_amblem svg circle{fill:#34e5d1}
.ob_mobil_gezinme{background:radial-gradient(ellipse at 90% 25%,#104855,transparent 65%),#05131f}.ob_mobil_gezinme::backdrop{background:#040e18}
.ob_menu_bolum_metni strong{-webkit-text-stroke:0;color:#dff4f7}.ob_menu_bolumleri a.active strong,.ob_menu_bolumleri a.active .ob_menu_sira{color:#ff9b53}.ob_menu_bolumleri a:hover strong,.ob_menu_bolumleri a:focus-visible strong{color:#40f3d9}
.ob_menu_onizleme_metni h2 em{color:#4beed9}.ob_menu_alti i{background:#35e7d2}.ob_okuma_ilerlemesi{background:linear-gradient(90deg,#ff8a3d,#2ce8d2)}
.about-section,.projects-section,.notes-section,.contact-section{background:#061522}.quote-section{background:#0b2934;border-color:#40e7d42e}.quote-section em{color:#ff9b53}.site-footer{background:#040e18}
.project-art.art-dashboard{background:linear-gradient(140deg,#073d4b,#061d2e)}.project-art.art-store{background:linear-gradient(140deg,#643917,#211710)}.project-art.art-flow{background:linear-gradient(140deg,#063b3b,#071b29)}
.field input,.field textarea,.field select{color:#e6f6f7;background:#0b2331;border-color:#7ac7d42b}.field input:focus,.field textarea:focus,.field select:focus{border-color:#42e9d3}.field select option{background:#0b2331;color:#e6f6f7}
@keyframes ob_serit_dansi{0%{rotate:-7deg;translate:-8px 12px}50%{rotate:8deg;translate:10px -14px}100%{rotate:-2deg;translate:4px 16px}}
@keyframes ob_serit_akisi{to{stroke-dashoffset:-2660}}
@keyframes ob_yorunge_dansi{to{rotate:360deg}}
@keyframes ob_cihaz_dansi{0%{translate:0 8px;rotate:-1deg}50%{translate:9px -12px;rotate:1deg}100%{translate:-7px -4px;rotate:-.5deg}}
@keyframes ob_kod_dansi{from{translate:-6px 9px;rotate:-1deg}to{translate:6px -9px;rotate:2deg}}
@keyframes ob_kart_dansi{from{translate:4px -12px;rotate:2deg}to{translate:-4px 12px;rotate:-2deg}}
@keyframes ob_etiket_dansi{from{translate:0 0;rotate:-5deg}to{translate:10px -12px;rotate:5deg}}
@keyframes ob_web_heykel_dansi{from{rotate:-8deg;translate:0 8px}to{rotate:12deg;translate:0 -10px}}
@keyframes ob_grafik_canlanmasi{0%{stroke-dashoffset:450;opacity:.4}40%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-450;opacity:.4}}
.ob_sahne_duruk *,.ob_sahne_duruk:before,.ob_sahne_duruk:after{animation-play-state:paused!important}
@media(min-width:1201px){.ob_sinematik .ob_slayt_metni{top:24%}}
@media(max-width:1200px){.ob_isik_koreografisi{inset:-20% -22% -10%;width:140%;height:130%}.ob_hareket_etiketi{top:-8%;font-size:5px;left:18%}}
@media(max-width:760px){
 .ob_sinematik{background:radial-gradient(ellipse at 60% 25%,#09515b,transparent 39%),#040e18}
 .ob_sinematik:before{inset:0;background:linear-gradient(0deg,#040e18 45%,transparent 70%);border:0;width:auto;height:auto}
 .ob_sinematik .ob_platform_fon{top:140px;right:6%;font-size:280px}
 .ob_isik_koreografisi{inset:-23% -15% 0;width:130%;height:130%;mask-image:none}.ob_serit_turkuaz{stroke-width:22;filter:none}.ob_serit_turuncu{stroke-width:16;filter:none}
 .ob_sinematik .ob_slayt_metni .ob_slayt_basligi .ob_baslik_satiri:first-child{letter-spacing:-2.4px}
 .ob_hareket_etiketi{top:-8%;left:15%;font-size:4px;gap:6px}.ob_hareket_etiketi>span{font-size:11px;padding:5px}
 .ob_sinematik .ob_canli_kod{bottom:18px}
 .ob_sinematik .ob_platform_secenekleri{padding:0 13px;border-radius:10px}.ob_sinematik .ob_slayt_ok,.ob_sinematik .ob_slayt_duraklat{border-color:#53cfc455}
}
@media(max-width:380px){.ob_sinematik .ob_platform_secenekleri{padding:0 10px}.ob_sinematik .ob_platform_dugmesi{gap:5px;padding-right:4px}.ob_sinematik .ob_platform_sirasi{font-size:14px}.ob_sinematik .ob_slayt_metni .ob_slayt_basligi .ob_baslik_satiri:first-child{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){.ob_sinematik *,.ob_sinematik:before,.ob_sinematik:after{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}.ob_sahne_perdesi{display:none}}
.effects-off .ob_sinematik *,.effects-off .ob_sinematik:before,.effects-off .ob_sinematik:after{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}.effects-off .ob_sahne_perdesi{display:none}