@property --gun{syntax:"<number>";inherits:true;initial-value:0}@layer theme,base;@layer components{.perde,.perde .tema{--g-zemin:#050814;--g-zemin2:#0a1128;--g-metin:#eef2ff;--g-soluk:#8f9bbd;--g-hat:#f8d730;--g-vurgu:#f8d730;--g-cizgi:#d6e1ff21;--g-kart:#d6e1ff0b;--g-kart-kenar:#d6e1ff1f;--d-zemin:#edefe8;--d-zemin2:#e2e6dc;--d-metin:#101b24;--d-soluk:#56636b;--d-hat:#3d56a3;--d-vurgu:#3d56a3;--d-cizgi:#101b2424;--d-kart:#ffffffb8;--d-kart-kenar:#101b241a;--karisim:calc(var(--gun) * 100%);--zemin:color-mix(in oklab, var(--g-zemin), var(--d-zemin) var(--karisim));--zemin2:color-mix(in oklab, var(--g-zemin2), var(--d-zemin2) var(--karisim));--metin:color-mix(in oklab, var(--g-metin), var(--d-metin) var(--karisim));--soluk:color-mix(in oklab, var(--g-soluk), var(--d-soluk) var(--karisim));--hat:color-mix(in oklab, var(--g-hat), var(--d-hat) var(--karisim));--vurgu:color-mix(in oklab, var(--g-vurgu), var(--d-vurgu) var(--karisim));--cizgi:color-mix(in oklab, var(--g-cizgi), var(--d-cizgi) var(--karisim));--kart:color-mix(in oklab, var(--g-kart), var(--d-kart) var(--karisim));--kart-kenar:color-mix(in oklab, var(--g-kart-kenar), var(--d-kart-kenar) var(--karisim));--agirlik:calc(700 - var(--gun) * 100);--buz:#8fd3ff;--amber:#ffb547;--turuncu:#ff7a1a;--kor:#e23d28;--imza:#0c9a5f;--uyari:#d99a00;--gecikme:#d2452f}.perde{font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;background:var(--zemin);color:var(--metin)}.perde .tema{color:var(--metin)}.perde .gece{--gun:0}.perde .gunduz{--gun:1}.perde .display{font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;font-weight:var(--agirlik);letter-spacing:-.045em;text-wrap:balance;line-height:1}.perde .mono{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums}.perde .etiket{font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);font-size:11px;font-weight:600}.perde .kart{background:var(--kart);border:1px solid var(--kart-kenar);border-radius:14px}.perde .koseli:before,.perde .koseli:after{content:"";border-color:var(--hat);pointer-events:none;width:12px;height:12px;position:absolute}.perde .koseli:before{border-top:1.5px solid;border-left:1.5px solid;top:-1px;left:-1px}.perde .koseli:after{border-bottom:1.5px solid;border-right:1.5px solid;bottom:-1px;right:-1px}.perde .dugme{border-radius:999px;align-items:center;gap:.5rem;height:44px;padding:0 1.15rem;font-size:15px;font-weight:600;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex}.perde .dugme:active{transform:scale(.98)}.perde .dugme-dolu{background:var(--hat);color:var(--zemin);box-shadow:0 0 0 0 color-mix(in oklab, var(--hat), transparent 60%)}.perde .dugme-dolu:hover{box-shadow:0 0 28px 2px color-mix(in oklab, var(--hat), transparent 55%)}.perde .dugme-hat{border:1px solid var(--kart-kenar);color:var(--metin)}.perde .dugme-hat:hover{background:var(--kart)}.perde :focus-visible{outline:2px solid var(--hat);outline-offset:3px;border-radius:6px}.perde .alan{background:var(--kart);border:1px solid var(--kart-kenar);width:100%;height:46px;color:var(--metin);border-radius:10px;padding:0 .9rem;font-size:15px;transition:border-color .2s}.perde .alan::placeholder{color:var(--soluk)}.perde .alan:hover{border-color:var(--cizgi)}.perde .alan:focus{border-color:var(--hat);outline:none}.perde .gren{pointer-events:none;z-index:1;opacity:calc((1 - var(--gun)) * .07);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite perde-gren;position:fixed;inset:-50%}.perde .yuksel{animation:.9s cubic-bezier(.2,.7,.1,1) both perde-yuksel}.perde .ozellik:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--ix,50%) var(--iy,50%), color-mix(in oklab, var(--hat), transparent 84%), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.perde .ozellik:hover:after{opacity:1}.perde .serit{-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.perde .serit-ic{animation:60s linear infinite perde-serit}.perde .serit:hover .serit-ic{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.perde *,.perde :before,.perde :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.perde .gren{display:none}.perde .serit-ic{animation:none}}}@layer utilities;@keyframes perde-gren{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}@keyframes perde-yuksel{0%{filter:blur(6px);transform:translateY(18px)}to{filter:none;transform:none}}@keyframes perde-nabiz{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}@keyframes perde-akis{to{stroke-dashoffset:-40px}}@keyframes perde-bildirim{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes perde-serit{to{transform:translate(calc(-50% - 1rem))}}