/* balkanturu giris — ofis.pcfm2027.com giris sayfasinin (app/giris.js, 6 Kasim 2026) yesil kopyasi. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* PCFM Conference Intelligence — tasarim belirtecleri. Conference Office Dashboard ayni degiskenleri kullanabilir. */
:root{
  --obsidian:#020806;--midnight:#05140e;--navy:#0a2118;
  --indigo:#22c55e;--cyan:#5eead4;--violet:#bef264;--ok:#86efac;--err:#ff8597;
  --ink:#effaf4;--text:#c4d9cd;--muted:#8db3a0;--faint:#6a8f7e;
  --glass:rgba(9,24,17,.62);--hair:rgba(148,214,184,.12);--hair2:rgba(148,214,184,.2);
  --grad-text:linear-gradient(95deg,#a7f3d0 0%,#4ade80 50%,#d9f99d 100%);
  --grad-btn:linear-gradient(100deg,#047857 0%,#059669 48%,#16a34a 100%);
  --r-lg:22px;--r-md:12px;
  --ease:cubic-bezier(.2,.7,.2,1);--t1:160ms;--t2:260ms;--t3:400ms;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark;background:var(--obsidian)}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;
  font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:'cv11','ss01';
  background:radial-gradient(120% 95% at 16% 8%,#0a2a1d 0%,var(--midnight) 44%,var(--obsidian) 100%)}
.sky,.vig{position:fixed;inset:0;pointer-events:none;z-index:0}
.sky{background:
  radial-gradient(40vmax 30vmax at 80% 48%,rgba(34,197,94,.12),transparent 70%),
  radial-gradient(34vmax 26vmax at 10% 82%,rgba(94,234,212,.06),transparent 70%),
  radial-gradient(28vmax 22vmax at 94% 4%,rgba(190,242,100,.08),transparent 70%)}
.vig{background:radial-gradient(125% 105% at 50% 42%,transparent 52%,rgba(1,6,4,.78) 100%)}
#gok{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
#gok.on{opacity:1}
.sky{animation:aurora 42s ease-in-out infinite alternate;will-change:transform}
@keyframes aurora{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-3%,2.5%,0) scale(1.1)}}

main{position:relative;z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:64px 40px 40px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"intro auth" "sys auth";
  column-gap:clamp(48px,7vw,112px);row-gap:40px;align-content:center}
.intro{grid-area:intro;align-self:end;max-width:600px;animation:gir var(--t3) var(--ease) both}
.sys{grid-area:sys;align-self:start;animation:gir var(--t3) var(--ease) .14s both}
.auth{grid-area:auth;align-self:center;position:relative;animation:gir var(--t3) var(--ease) .06s both}
@keyframes gir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.eyebrow{display:flex;align-items:center;gap:14px;font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:32px;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(94,234,212,0))}
.eyebrow b{color:var(--ink);font-weight:500}
.eyebrow s{text-decoration:none;color:var(--faint)}
.display{margin:28px 0 22px;color:var(--ink);font-size:clamp(42px,4.5vw,60px);line-height:1.02;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
.display span{display:inline-block;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}

.sys{max-width:500px;border:1px solid var(--hair);border-radius:16px;font:12px/1.2 var(--mono);color:var(--muted);
  background:linear-gradient(180deg,rgba(11,27,20,.56),rgba(5,15,10,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 60px -30px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.sys .hd{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px}
.sys .hd b{color:var(--ink);font-weight:500;font-size:11.5px;letter-spacing:.18em}
.sys .live{display:inline-flex;align-items:center;gap:14px;color:var(--ok);font-size:11px;letter-spacing:.16em}
.nabiz{position:relative;width:10px;height:10px;border-radius:50%;background:var(--ok);flex:none;
  box-shadow:0 0 0 3px rgba(134,239,172,.14),0 0 14px rgba(134,239,172,.7);animation:kalp 2.4s ease-in-out infinite}
.nabiz::before,.nabiz::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(134,239,172,.7);animation:halka 2.4s cubic-bezier(.2,.6,.3,1) infinite}
.nabiz::after{animation-delay:1.2s}
@keyframes halka{0%{transform:scale(1);opacity:.85}100%{transform:scale(3.6);opacity:0}}
@keyframes kalp{0%,100%{transform:scale(1)}12%{transform:scale(1.25)}24%{transform:scale(.95)}36%{transform:scale(1.12)}50%{transform:scale(1)}}

.auth::before{content:"";position:absolute;inset:-70px -50px;z-index:-1;pointer-events:none;filter:blur(32px);
  background:radial-gradient(48% 42% at 50% 34%,rgba(34,197,94,.24),transparent 70%),radial-gradient(38% 32% at 72% 82%,rgba(94,234,212,.10),transparent 70%);
  animation:nefes 10s ease-in-out infinite alternate}
@keyframes nefes{from{opacity:.7}to{opacity:1}}
.card{position:relative;border:1px solid transparent;border-radius:var(--r-lg);padding:42px 40px 30px;
  background:linear-gradient(180deg,rgba(12,30,22,.76),rgba(6,18,12,.72)) padding-box,
    linear-gradient(160deg,rgba(167,243,208,.42),rgba(148,214,184,.10) 36%,rgba(148,214,184,.05) 64%,rgba(94,234,212,.30)) border-box;
  -webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 34px 90px -28px rgba(0,0,0,.9),0 0 70px -24px rgba(34,197,94,.38)}
.card::before{content:"";position:absolute;top:-1px;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,rgba(205,255,228,.6),transparent)}
.brand{display:flex;align-items:center;gap:14px;margin-bottom:36px}
.mono{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(34,197,94,.2),rgba(94,234,212,.05));border:1px solid rgba(167,243,208,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px -14px rgba(34,197,94,.8)}
.mono svg{width:32px;height:32px;display:block}
.brand b{display:block;color:var(--ink);font:600 13.5px/1.2 var(--sans);letter-spacing:.02em}
.brand span{display:block;margin-top:5px;font:500 10.5px/1 var(--mono);letter-spacing:.22em;color:var(--muted)}
h1{color:var(--ink);font-size:27px;font-weight:600;letter-spacing:-.032em;line-height:1.15;text-wrap:balance}
.sub{color:var(--muted);font-size:14px;margin:10px 0 28px}

.alert{display:flex;gap:10px;align-items:flex-start;border-radius:11px;padding:11px 13px;font-size:13px;line-height:1.45;margin-bottom:20px}
.alert svg{width:16px;height:16px;flex:none;margin-top:1px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.alert.err{border:1px solid rgba(255,133,151,.32);background:rgba(255,133,151,.08);color:#ffd6dc}
.alert.err svg{stroke:var(--err)}
.alert.info{border:1px solid rgba(94,234,212,.28);background:rgba(94,234,212,.07);color:#d1fae5}
.alert.info svg{stroke:var(--cyan)}
.kapandi{position:relative;display:flex;gap:14px;align-items:flex-start;margin-bottom:24px;padding:16px 16px 16px 14px;border-radius:14px;overflow:hidden;
  border:1px solid rgba(94,234,212,.22);background:linear-gradient(135deg,rgba(94,234,212,.09),rgba(34,197,94,.06) 60%,rgba(190,242,100,.05));font-size:13px;line-height:1.5;color:var(--muted)}
.kapandi::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--violet))}
.kapandi .kk{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:rgba(94,234,212,.1);box-shadow:inset 0 0 0 1px rgba(94,234,212,.25),0 0 22px -6px rgba(94,234,212,.6)}
.kapandi .kk svg{width:17px;height:17px;stroke:var(--cyan);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kapandi b{display:block;color:var(--ink);font-size:13.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:2px}
.kapandi em{display:flex;align-items:center;gap:6px;margin-top:8px;font-style:normal;font-size:12.5px;font-weight:500;color:#99f6e4}.kapandi em::before{content:"";width:14px;height:1px;background:currentColor;opacity:.7}

label{display:block;font-size:12.5px;font-weight:500;color:var(--text);margin:0 0 8px;letter-spacing:.005em}
.field{position:relative;margin-bottom:18px}
.field svg.ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--faint);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke var(--t2) var(--ease)}
.field input{width:100%;height:50px;padding:0 46px 0 43px;font:inherit;font-size:14.5px;color:var(--ink);caret-color:var(--cyan);
  background:rgba(255,255,255,.03);border:1px solid var(--hair2);border-radius:var(--r-md);outline:none;
  transition:border-color var(--t2) var(--ease),box-shadow var(--t2) var(--ease),background-color var(--t2) var(--ease)}
.field input::placeholder{color:var(--faint);opacity:1}
.field input:hover{border-color:rgba(167,243,208,.32);background-color:rgba(255,255,255,.04)}
.field input:focus{border-color:rgba(110,231,160,.9);background-color:rgba(255,255,255,.05);box-shadow:0 0 0 4px rgba(34,197,94,.17),0 10px 28px -12px rgba(34,197,94,.6)}
.field input:focus ~ svg.ic{stroke:#86efac}
.field input[aria-invalid="true"]{border-color:rgba(255,133,151,.6)}
.field input[aria-invalid="true"]:focus{border-color:rgba(255,133,151,.9);box-shadow:0 0 0 4px rgba(255,133,151,.15)}
.field input[aria-invalid="true"] ~ svg.ic{stroke:var(--err)}
.field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 60px #0b2219 inset;caret-color:var(--cyan)}
.field .goz{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;border-radius:9px;color:var(--faint);cursor:pointer;display:grid;place-items:center;transition:color var(--t1),background-color var(--t1)}
.field .goz:hover{color:var(--text);background:rgba(255,255,255,.06)}
.field .goz:focus-visible{outline:2px solid rgba(110,231,160,.9);outline-offset:1px;color:var(--text)}
.field .goz svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.field .goz svg.kapali{display:none}
.field .goz[aria-pressed="true"] svg.acik{display:none}
.field .goz[aria-pressed="true"] svg.kapali{display:block}

.btn{position:relative;isolation:isolate;overflow:hidden;width:100%;height:50px;margin-top:12px;border:0;border-radius:var(--r-md);cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:10px;font:600 14.5px/1 var(--sans);letter-spacing:.005em;color:#fff;
  background:var(--grad-btn);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.22),0 14px 32px -14px rgba(5,150,105,.95);
  transition:box-shadow var(--t2) var(--ease),transform var(--t1) var(--ease),filter var(--t2) var(--ease)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.24) 50%,transparent 68%);transform:translateX(-115%)}
.btn:hover{filter:brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.22),0 18px 40px -14px rgba(5,150,105,1)}
.btn:hover::after{transform:translateX(115%);transition:transform var(--t3) var(--ease)}
.btn .ok{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transition:transform var(--t2) var(--ease)}
.btn:hover .ok{transform:translateX(3px)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:2px solid #bbf7d0;outline-offset:3px}
.btn[disabled]{cursor:progress;filter:saturate(.75) brightness(.92)}
.btn .sp{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:don .8s linear infinite}
.btn[disabled] .sp{display:block}
.btn[disabled] .ok{display:none}
@keyframes don{to{transform:rotate(360deg)}}
.not{margin-top:28px;padding-top:18px;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:center;gap:9px;font:500 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.not svg{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

footer{position:relative;z-index:1;text-align:center;padding:0 20px 28px;font-size:12px;color:var(--faint)}
footer b{display:block;font-weight:500;color:var(--muted);margin-bottom:3px}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .card{background:linear-gradient(180deg,#0f2219,#08150f) padding-box,linear-gradient(160deg,rgba(167,243,208,.42),rgba(148,214,184,.1) 40%,rgba(94,234,212,.3)) border-box}
  .sys{background:#09170f}}
@media(max-width:1024px){
  main{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "auth" "sys";max-width:560px;padding:44px 24px 28px;row-gap:30px}
  .intro{align-self:auto;max-width:none}.display{font-size:clamp(34px,6.4vw,46px);margin:20px 0 14px}.sys{max-width:none}}
@media(max-width:560px){
  main{padding:26px 16px 20px;row-gap:22px}
  .eyebrow{font-size:10px;letter-spacing:.16em;gap:10px}.eyebrow::before{width:20px}
  .display{font-size:31px;margin:14px 0 0}.sys{display:none}
  .card{padding:30px 22px 24px}.brand{margin-bottom:28px}h1{font-size:22.5px}.sub{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  #gok{opacity:1}}

.display span{white-space:normal}
.tek{margin-bottom:6px}

/* 6 Kasim 2026 (Murat): yesil yildizli gok yerine rotanin gercek fotograflari — yavas gecisli slayt — 8 sn'de bir kendiliginden degisir, sehir adi yok. */
html,body{background:#05080a}
.sky,#gok,.vig{display:none}
.bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#05080a}
.bg .sl{position:absolute;inset:-3%;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);
  transition:opacity 2s ease,transform 11s linear;will-change:opacity,transform}
.bg .sl.on{opacity:1;transform:scale(1)}
.bg .s1{background-image:url(/kapi/bg-1-b.webp);background-position:45% 60%}
.bg .s2{background-image:url(/kapi/bg-2-b.webp);background-position:40% 55%}
.bg .s3{background-image:url(/kapi/bg-3-b.webp);background-position:60% 55%}
.bg .s4{background-image:url(/kapi/bg-4-b.webp);background-position:50% 55%}
.bg .s5{background-image:url(/kapi/bg-5-b.webp);background-position:50% 55%}
.bg .s6{background-image:url(/kapi/bg-6-b.webp);background-position:50% 60%}
.bg .ov{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(3,8,8,.78) 0%,rgba(3,8,8,.42) 36%,rgba(3,8,8,.12) 60%,rgba(3,8,8,.42) 100%),
  linear-gradient(180deg,rgba(3,8,8,.35) 0%,rgba(3,8,8,0) 30%,rgba(3,8,8,0) 65%,rgba(3,8,8,.8) 100%)}
.display{text-shadow:0 2px 30px rgba(0,0,0,.45)}
.display span{filter:drop-shadow(0 2px 18px rgba(0,0,0,.35))}
.card{background:linear-gradient(180deg,rgba(8,20,16,.74),rgba(5,13,10,.72)) padding-box,
  linear-gradient(160deg,rgba(167,243,208,.42),rgba(148,214,184,.10) 36%,rgba(148,214,184,.05) 64%,rgba(94,234,212,.30)) border-box}
footer{color:rgba(239,250,244,.55);text-shadow:0 1px 10px rgba(0,0,0,.6)}
footer b{color:rgba(239,250,244,.8)}
@media(max-width:1024px){
  .bg .ov{background:linear-gradient(180deg,rgba(3,8,8,.55) 0%,rgba(3,8,8,.25) 30%,rgba(3,8,8,.6) 60%,rgba(3,8,8,.9) 100%)}}
@media(max-width:700px){
  .bg .sl{background-position:center}
  .bg .s1{background-image:url(/kapi/bg-1-k.webp)}.bg .s2{background-image:url(/kapi/bg-2-k.webp)}.bg .s3{background-image:url(/kapi/bg-3-k.webp)}
  .bg .s4{background-image:url(/kapi/bg-4-k.webp)}.bg .s5{background-image:url(/kapi/bg-5-k.webp)}.bg .s6{background-image:url(/kapi/bg-6-k.webp)}}
@media(prefers-reduced-motion:reduce){.bg .sl{transition:none;transform:none}}

/* 6 Kasim 2026 (Murat): alt yazi ve "yetkili erisim" satiri kaldirildi; altbilgide rota davet cumlesi. Kunye kucuk acilir kutuda (CC BY-SA atif sarti). */
footer{padding:0 20px 22px;max-width:760px;margin:0 auto}
footer .davet{font-size:17px;line-height:1.45;font-weight:500;color:rgba(255,255,255,.94);letter-spacing:-.01em;text-wrap:balance;margin:0 0 10px}
footer .duraklar{font:500 11px/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#86efac;margin:0}
footer .duraklar{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0}
footer .duraklar span{white-space:nowrap}
footer .duraklar span+span::before{content:'·';color:rgba(239,250,244,.4);margin:0 10px}
footer .kunye{margin-top:14px;font-size:10.5px;color:rgba(239,250,244,.38)}
footer .kunye summary{cursor:pointer;list-style:none;display:inline-block}
footer .kunye summary::-webkit-details-marker{display:none}
footer .kunye summary:hover,footer .kunye[open] summary{color:rgba(239,250,244,.7)}
footer .kunye span{display:block;margin-top:4px}
@media(max-width:700px){footer .davet{font-size:15px}footer .duraklar{font-size:10px;letter-spacing:.12em}}