:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--v-zemin:var(--lightningcss-light,oklch(96.7% .001 286.375))var(--lightningcss-dark,oklch(14.1% .005 285.823));--v-yuzey:var(--lightningcss-light,#fff)var(--lightningcss-dark,oklch(18% .006 285.9));--v-cizgi:var(--lightningcss-light,oklch(92% .004 286.32))var(--lightningcss-dark,oklch(27.4% .006 286.033));--v-metin:var(--lightningcss-light,oklch(14.1% .005 285.823))var(--lightningcss-dark,oklch(98.5% 0 0));--v-metin-2:var(--lightningcss-light,oklch(37% .013 285.805))var(--lightningcss-dark,oklch(87.1% .006 286.286));--v-metin-3:var(--lightningcss-light,oklch(55.2% .016 285.938))var(--lightningcss-dark,oklch(70.5% .015 286.067));--v-mor:var(--lightningcss-light,#2e1a47)var(--lightningcss-dark,#e6dcf5);--v-lavanta:var(--lightningcss-light,#e6dcf5)var(--lightningcss-dark,oklch(30% .05 300));--v-mandalina:#f26a0a;--v-golge:0 24px 60px -24px var(--lightningcss-light,#2e1a4747)var(--lightningcss-dark,#000000b3), 0 2px 6px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#0006);--v-yay:cubic-bezier(.2, .8, .2, 1);--v-yazi:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--v-zemin);color:var(--v-metin);font:14px/1.5 var(--v-yazi);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.simge{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.v-secim{flex-wrap:wrap;place-content:center;align-items:center;gap:20px;min-height:100%;padding:24px 16px;display:flex}.v-rol{border:1px solid var(--v-cizgi);background:var(--v-yuzey);width:220px;height:200px;color:var(--v-metin);letter-spacing:-.01em;cursor:pointer;transition:transform .25s var(--v-yay), box-shadow .25s var(--v-yay), border-color .25s;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:19px;font-weight:700;display:flex;box-shadow:0 1px 2px var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#0000004d)}.v-rol:hover{box-shadow:var(--v-golge);border-color:color-mix(in oklch, var(--v-mor) 30%, var(--v-cizgi));transform:translateY(-3px)}.v-rol:active{transform:translateY(-1px)scale(.99)}.v-rol:focus-visible{outline:3px solid color-mix(in oklch, var(--v-mandalina) 60%, transparent);outline-offset:3px}.v-rol-simge{background:var(--v-lavanta);width:64px;height:64px;color:var(--v-mor);border-radius:18px;place-items:center;display:grid}.v-rol-yonetici .v-rol-simge{color:var(--lightningcss-light,oklch(50% .17 45))var(--lightningcss-dark,oklch(85% .12 60));background:var(--lightningcss-light,oklch(95% .045 60))var(--lightningcss-dark,oklch(30% .07 50))}.v-rol-simge .simge{width:30px;height:30px}.v-hata{text-align:center;flex-direction:column;gap:8px}.v-hata h1{font-size:24px}.v-hata p{max-width:520px;color:var(--v-metin-2)}.v-demo{flex-direction:column;height:100%;display:flex}.v-arac{flex:none;justify-content:flex-end;align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.v-bolumlu{background:var(--v-yuzey);border:1px solid var(--v-cizgi);border-radius:10px;padding:3px;display:flex}.v-bolumlu button{color:var(--v-metin-3);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.v-bolumlu button[aria-checked=true]{background:var(--v-lavanta);color:var(--v-mor)}.v-dugme{border:1px solid var(--v-cizgi);background:var(--v-yuzey);width:36px;height:36px;color:var(--v-metin-2);cursor:pointer;border-radius:10px;place-items:center;padding:0;transition:background .2s;display:grid}.v-dugme:hover{background:var(--v-zemin)}.v-bolumlu button:focus-visible,.v-dugme:focus-visible{outline:3px solid color-mix(in oklch, var(--v-mandalina) 55%, transparent);outline-offset:1px}.v-sahne{flex:1;justify-content:center;align-items:center;gap:24px;min-height:0;margin:0 16px 16px;display:flex}.v-cihaz{flex:none;position:relative}.v-web{border:1px solid var(--v-cizgi);background:var(--v-zemin);box-shadow:var(--v-golge);border-radius:14px;overflow:hidden}.v-web iframe{border:0;width:100%;height:100%;display:block}.v-telefon{transform-origin:0 0;box-shadow:inset 0 0 0 1.5px #3a3a42, inset 0 0 0 4px #0d0d10, inset 0 0 0 5px #24242a, var(--v-golge);background:#0d0d10;border-radius:60px;padding:12px;position:relative}.v-telefon-ekran{background:var(--v-zemin);border-radius:48px;width:390px;height:844px;position:relative;overflow:hidden}.v-telefon-ekran iframe{border:0;width:100%;height:100%;display:block}.v-durum-cubugu{height:47px;color:var(--v-metin);pointer-events:none;justify-content:space-between;align-items:center;padding:0 30px 0 44px;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.v-ada{background:#000;border-radius:20px;width:120px;height:34px;margin-left:-60px;position:absolute;top:11px;left:50%}.v-durum-simgeler{fill:currentColor;width:70px;height:13px}.v-ana-cizgi{background:var(--v-metin);opacity:.85;pointer-events:none;border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.v-tam{background:var(--v-zemin);position:fixed;inset:0}.v-tam iframe{border:0;width:100%;height:100%;display:block}.v-nabiz{border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px var(--v-mandalina);animation:v-nabiz .8s var(--v-yay) forwards;position:absolute;inset:0}@keyframes v-nabiz{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}