.giris{--font-display:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;--font-ui:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;--font-mono:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;--ink:#23222a;--ink-strong:#121117;--ink-soft:#54535d;--ink-mute:#86858f;--ink-faint:#afaeb8;--ink-ghost:#c9c8d1;--scene-1:#f5f3f2;--scene-2:#efedf1;--scene-3:#eceaf1;--blush:#f6d7c8;--rose:#f2c7d4;--lilac:#d8ccec;--peri:#b5c0ea;--sky:#c6d4ef;--line:#23222a14;--line-2:#23222a24;--well:#23222a0d;--well-focus:#23222a17;--surface:#ffffffa8;--black:#121117;--on-black:#fafaf8;--sh-inset-sm:inset 1px 1px 3px #1e1e2214, inset -1px -1px 3px #fff9;--sh-black-sm:4px 6px 14px -5px #0c0c1052, -1px -1px 5px #ffffff1a;--sh-black:7px 10px 22px -6px #0c0c1061;--mesh:radial-gradient(46% 54% at 14% 8%, #fff9, transparent 60%),radial-gradient(50% 58% at 86% 14%, #b5c0ea66, transparent 64%),radial-gradient(54% 60% at 88% 82%, #d8ccec4d, transparent 62%),linear-gradient(160deg,#eeefec 0%,#e7e6ea 50%,#dcdbe2 100%);--r-card:28px;--r-md:16px;--r-pill:999px;isolation:isolate;width:100%;min-height:100vh;font-family:var(--font-ui);color:var(--ink);background:var(--scene-2);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:relative}.giris[data-theme=dark]{--ink:#f4f3ef;--ink-strong:#fff;--ink-soft:#f4f3efd1;--ink-mute:#f4f3ef8f;--ink-faint:#f4f3ef66;--scene-1:#0a0814;--scene-2:#0b0916;--scene-3:#0e0a1e;--mesh:radial-gradient(46% 54% at 14% 8%, #9aa6e82e, transparent 60%),radial-gradient(50% 58% at 86% 14%, #8a6fd033, transparent 64%),radial-gradient(54% 60% at 88% 82%, #b98fd624, transparent 62%),linear-gradient(160deg,#0e0a1e 0%,#0b0916 52%,#0a0814 100%);--line:#ffffff24;--line-2:#ffffff38;--well:#ffffff0f;--well-focus:#ffffff1c;--surface:#ffffff0f;--black:#f4f3ef;--on-black:#15141b;background:#0a0814}.giris *{box-sizing:border-box}.giris button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.giris input{font-family:inherit}.giris .scene{z-index:0;pointer-events:none;background:linear-gradient(162deg,var(--scene-1) 0%,var(--scene-2) 52%,var(--scene-3) 100%);position:fixed;inset:0;overflow:hidden}.giris .scene:before{content:"";background:radial-gradient(38% 46% at 16% 10%, var(--blush), transparent 60%),radial-gradient(42% 52% at 84% 6%, var(--sky), transparent 62%),radial-gradient(48% 58% at 92% 60%, var(--lilac), transparent 60%),radial-gradient(46% 56% at 6% 64%, var(--rose), transparent 62%);opacity:.26;filter:saturate(1.02);animation:38s ease-in-out infinite alternate giris-drift;position:absolute;inset:-12%}.giris .scene:after{content:"";background-image:linear-gradient(#23222a08 1px,#0000 1px),linear-gradient(90deg,#23222a08 1px,#0000 1px);background-size:66px 66px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(130% 120% at 50% 18%,#000 30%,#0000 88%);mask-image:radial-gradient(130% 120% at 50% 18%,#000 30%,#0000 88%)}.giris .grain{z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes giris-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-3%,2%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.giris .scene:before{animation:none}}.giris[data-theme=dark] .scene{background:linear-gradient(160deg,#0a0814 0%,#060507 50%,#0e0a1e 100%)}.giris[data-theme=dark] .scene:before{opacity:.5;filter:saturate(1.2)brightness(1.06)}.giris[data-theme=dark] .scene:after,.giris.plain .scene:after,.giris[data-theme=dark] .grain{display:none}.giris .split{z-index:1;align-items:stretch;min-height:100vh;display:flex;position:relative}.giris .g-brand{flex:50%;justify-content:center;align-items:center;padding:40px;display:flex}.giris .g-brand b{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-strong);font-size:clamp(44px,6.4vw,92px);font-weight:700;line-height:.98}.giris .gate{z-index:1;flex:50%;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.giris .gate-card{width:min(420px,100%);padding:8px clamp(4px,4vw,12px)}@media (max-width:860px){.giris .split{flex-direction:column}.giris .g-brand{flex:none;padding:clamp(28px,6vh,44px) 24px 0}.giris .g-brand b{font-size:clamp(32px,9vw,44px)}.giris .gate{flex:1}}.giris .lock{background:var(--black);width:46px;height:46px;color:var(--on-black);box-shadow:var(--sh-black-sm);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.giris .gate-card h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink-strong);margin:0 0 6px;font-size:26px;font-weight:600}.giris .gate-card p{color:var(--ink-soft);margin:0 0 20px;font-size:13.5px;line-height:1.55}.giris .gate-card p b{color:var(--ink-strong);font-weight:700}.giris .field{margin:0 0 15px}.giris .field>label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px;font-size:10.5px;font-weight:700;display:block}.giris .inp{width:100%;color:var(--ink);background:var(--well);border-radius:var(--r-md);box-shadow:var(--sh-inset-sm);appearance:none;border:none;padding:12px 14px;font-size:14px;transition:all .16s}.giris .inp::placeholder{color:var(--ink-faint)}.giris .inp:focus{background:var(--well-focus);box-shadow:var(--sh-inset-sm), 0 0 0 2px var(--black);outline:none}.giris .pwrow{position:relative}.giris .pwrow .inp{padding-right:46px}.giris .pwtoggle{width:34px;height:34px;color:var(--ink-soft);background:var(--well);cursor:pointer;border-radius:50%;place-items:center;transition:all .16s;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.giris .pwtoggle:hover{color:var(--ink-strong);background:var(--well-focus)}.giris .pwtoggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.giris .remember{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:2px 0 18px;font-size:13px;display:flex}.giris .remember input{width:16px;height:16px;accent-color:var(--black);cursor:pointer}.giris .note{border-radius:var(--r-md);margin-bottom:12px;padding:10px 13px;font-size:12.5px;line-height:1.5}.giris .note.err{color:#b23b3b;background:#b23b3b1a}.giris[data-theme=dark] .note.err{color:#ff8a76;background:#b23b3b38}.giris .btn{border-radius:var(--r-pill);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.giris .btn.primary{background:var(--black);width:100%;color:var(--on-black);box-shadow:var(--sh-black-sm);padding:13px}.giris .btn.primary:hover{box-shadow:var(--sh-black);transform:translateY(-1px)}.giris .btn.primary:disabled{background:var(--well);color:var(--ink-faint);box-shadow:var(--sh-inset-sm);cursor:default;transform:none}.giris .btn .spin{border:2px solid;border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite giris-spin;display:inline-block}@keyframes giris-spin{to{transform:rotate(360deg)}}.giris .oauth-row{flex-direction:column;gap:9px;margin:0 0 4px;display:flex}.giris .btn.oauth{background:var(--surface);width:100%;color:var(--ink);box-shadow:var(--sh-black-sm);border:1px solid var(--line);padding:12px;font-weight:600}.giris .btn.oauth:hover{box-shadow:var(--sh-black);transform:translateY(-1px)}.giris .btn.oauth svg{flex:none;width:17px;height:17px}.giris .divider{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0;font-size:11px;font-weight:600;display:flex}.giris .divider:before,.giris .divider:after{content:"";background:var(--line);flex:1;height:1px}.giris .gate-foot{text-align:center;color:var(--ink-soft);margin-top:18px;font-size:13px}.giris .gate-foot a,.giris .gate-link{color:var(--black);cursor:pointer;font-weight:600;text-decoration:none}.giris .gate-foot a:hover,.giris .gate-link:hover{text-decoration:underline}.giris .forgot{text-align:right;margin:-6px 0 16px;font-size:12.5px;display:block}.giris .note.ok{color:#2f5d50;background:#2f5d501a}.giris[data-theme=dark] .note.ok{color:#7fcba8;background:#2f5d5038}.giris .note.info{color:var(--ink-soft);background:var(--well)}.giris .field-hint{color:var(--ink-mute);margin-top:6px;font-size:11.5px;line-height:1.45}.giris .devbox{border-radius:var(--r-md);color:#7a5320;word-break:break-all;background:#c98a3c1a;border:1px dashed #c98a3c80;margin-top:14px;padding:11px 13px;font-size:12px;line-height:1.5}.giris .devbox a{color:#7a5320;font-weight:700}.giris[data-theme=dark] .devbox{color:#e8b876;background:#c98a3c29;border-color:#c98a3c73}.giris[data-theme=dark] .devbox a{color:#e8b876}.giris .steps{gap:6px;margin:0 0 18px;display:flex}.giris .steps i{background:var(--well);border-radius:2px;flex:1;height:4px}.giris .steps i.on{background:var(--black)}.giris .center{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.giris:not([data-theme=dark]){--ink:#f6f1f0;--ink-strong:#fff;--ink-soft:#ffffffc7;--ink-mute:#ffffff8c;--ink-faint:#fff6;--ink-ghost:#ffffff4d;--scene-1:#96787d;--scene-2:#87696f;--scene-3:#7e5f66;--line:#ffffff38;--line-2:#ffffff52;--well:#ffffff24;--well-focus:#ffffff38;--surface:#ffffff24;--black:#0a0a0a;--on-black:#fff;background:var(--scene-2)}.giris:not([data-theme=dark]) .scene{background:radial-gradient(46% 42% at 20% 6%,#100d0fc7 0%,#100d0f4d 38%,#100d0f00 62%),radial-gradient(34% 30% at 30% 28%,#5c54587a 0%,#5c545800 64%),radial-gradient(42% 44% at 82% 52%,#4a4246a8 0%,#4a424642 40%,#4a424600 62%),radial-gradient(36% 34% at 90% 88%,#161214b8 0%,#16121447 40%,#16121400 62%),radial-gradient(30% 26% at 68% 78%,#3a32367a 0%,#3a323600 64%),radial-gradient(50% 46% at 38% 62%,#fff2f242 0%,#fff2f21a 42%,#fff2f200 68%),linear-gradient(160deg,#96787d 0%,#8b6d72 40%,#7e5f66 72%,#8e7076 100%);box-shadow:inset 0 0 0 2px #fffffff2,inset 0 0 18px 3px #e6f5ffe6,inset 0 0 80px 12px #ffffff8c,inset 0 0 180px 30px #bedcf861}.giris:not([data-theme=dark]) .scene:before,.giris:not([data-theme=dark]) .scene:after{display:none}.giris:not([data-theme=dark]) .grain{opacity:.11;mix-blend-mode:soft-light}