/* Authentication and invitation surfaces share the existing Vue brand. */
:root { font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif; color:#1d2b28; background:#f4f6f2; }
body { background:#f4f6f2; -webkit-font-smoothing:antialiased; }
button,input,select,textarea,.submit { font-family:inherit; }
.giris,.kart,.kutu { border-color:#e3e8e4; border-radius:22px; box-shadow:0 12px 35px rgba(29,48,42,.075); }
h1 { color:#18362c; letter-spacing:-.025em; }
.field input { border-color:#dce4df; border-radius:12px; }
.submit { background:#1d5a4b; box-shadow:0 7px 15px rgba(29,90,75,.17); }
.submit:hover { background:#174d40; }
a { color:#1d5a4b; }
.mark { position:relative; display:block; width:50px; height:50px; overflow:hidden; border-radius:15px; background:#f2bc62; box-shadow:0 7px 17px rgba(0,0,0,.12); }
.mark .brand-sun { position:absolute; top:10px; right:10px; width:12px; height:12px; border-radius:50%; background:#fff4c5; }
.mark .brand-hill { position:absolute; bottom:-11px; width:52px; height:39px; border-radius:50% 50% 0 0; background:#2a715d; }
.mark .brand-hill--left { left:-12px; transform:rotate(14deg); }
.mark .brand-hill--right { right:-18px; bottom:-16px; background:#205646; transform:rotate(-8deg); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid rgba(46,145,117,.4); outline-offset:3px; }
@media(max-width:600px) { .giris,.kart,.kutu { padding:24px; } }