:root{color-scheme:dark;font-family:"Trebuchet MS","Segoe UI",sans-serif;color:#fff7ed;background:#07101d;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff1bf;outline-offset:7px}
.scene{position:relative;isolation:isolate;min-height:100svh;background:#07101d;display:grid;place-items:center;overflow:hidden}
.scene::before{content:"";position:absolute;inset:0;z-index:-1;background:url("trabant-desktop-v1.webp") center 75%/cover no-repeat}
.projects{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:start;gap:clamp(20px,2.3vw,40px)}
.project{width:clamp(96px,8vw,142px);display:flex;flex-direction:column;align-items:center;gap:17px;text-decoration:none;background:none;border:0;padding:0;color:inherit;text-align:center}
.project__icon{position:relative;display:grid;place-items:center;width:clamp(76px,6.7vw,112px);aspect-ratio:1;border-radius:24%;transition:transform .16s ease;box-shadow:0 4px 16px #00000018}
.project__icon>svg{width:100%;height:100%;display:block}.project__icon--mail{background:#fac6ae}.project__icon--body{background:#8fa9f2}.project__icon--memories{background:#a6d8d0}.project__icon--home{background:#36b596}.project__icon--coffee{background:#fd7688}.project__icon--nuance{background:#212536;box-shadow:inset 0 0 0 1px #c29d7828,0 4px 16px #00000018}
.project__download{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8d5bc;color:#353340;box-shadow:0 2px 8px #0004}.project__download svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project__label{font-size:clamp(12px,1.1vw,18px);font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1.3;text-shadow:0 2px 12px #0008}.project:hover .project__icon{transform:translateY(-4px)}.project--pending{cursor:default}.project--pending:hover .project__icon{transform:none}
.logout{position:absolute;right:22px;bottom:max(14px,env(safe-area-inset-bottom))}.logout button{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;border-radius:12px;color:#d8dce5;opacity:.65}.logout button:hover{opacity:1;background:#ffffff08}.logout svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.login{width:min(360px,calc(100% - 48px));transform:translateY(-12svh);padding:24px 0}.login h1{font-size:clamp(24px,3vw,30px);letter-spacing:-.025em;font-weight:600;margin:0 0 27px;line-height:1.2}.login p{line-height:1.6;color:#e4e3ee}.login__form{display:grid;gap:12px}.login label{font-size:14px;color:#e0dfed}.login input{width:100%;border:1px solid #ffffff38;border-radius:14px;background:#091320d9;color:#fff7ed;padding:16px;min-height:54px;font-size:18px}.login__form>button{border:0;border-radius:14px;background:#fac6ae;color:#282539;font-weight:600;min-height:52px;padding:14px 18px;text-align:left;margin-top:6px}.login__form>button span{float:right}.login .login__error{font-size:14px;color:#ffd6bd;margin:0;line-height:1.5}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
@media(max-width:760px){.scene::before{background-image:url("trabant-mobile-v1.webp");background-position:center 75%}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(360px,calc(100% - 32px));top:41%;gap:30px 12px}.project{width:auto;gap:12px}.project__icon{width:76px}.project__label{font-size:12px;letter-spacing:0}.project__download{width:23px;height:23px}.project__download svg{width:13px;height:13px}.logout{right:10px;bottom:max(8px,env(safe-area-inset-bottom))}.login{transform:translateY(-10svh)}}
@media(max-width:360px){.project__icon{width:65px}.project__label{font-size:11px}.projects{gap:25px 8px}}
@media(max-height:540px) and (min-width:761px){.projects{top:36%;gap:22px}.project{width:90px;gap:12px}.project__icon{width:64px}.project__label{font-size:12px}.login{transform:translateY(-6svh);padding:12px 0}.login h1{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.project__icon{transition:none}.project:hover .project__icon{transform:none}}
@media(orientation:landscape) and (max-height:540px){.scene::before{background-image:url("trabant-desktop-v1.webp")}.projects{display:flex;width:auto;top:35%;gap:clamp(14px,2vw,22px)}.project{width:clamp(76px,10vw,90px);gap:12px}.project__icon{width:64px}.project__label{font-size:11px}.login{transform:translateY(-5svh)}}