.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:6px;position:relative}.app-version{margin-top:auto;padding:2px;font-size:12px;color:#888;-webkit-user-select:none;user-select:none}.header-actions{position:absolute;top:20px;right:20px;display:flex;gap:15px;z-index:1000}.app:has(.card--guest){align-items:flex-start}.card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:6px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);width:min(100%,100%);min-height:100%}.card:not(.card--guest){align-self:center;display:flex;flex-direction:column;margin-inline:auto}.card--guest{padding-top:0}.card--guest-logo-wrap{height:calc(33vh - 20px);min-height:80px;display:flex;align-items:center;justify-content:center}.card--guest .login-container{margin-top:0}.title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.subtitle{font-size:1.2rem;color:#666;margin-bottom:30px}.welcome-message{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:white;padding:20px;border-radius:15px;margin:20px 0;animation:fadeIn .5s ease-in}.welcome-message h2{margin-bottom:10px;font-size:1.5rem}.guest-message{background:rgba(102,126,234,.1);color:#667eea;padding:15px;border-radius:10px;margin:20px 0;border:1px solid rgba(102,126,234,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.card{padding:30px 20px;margin:0 auto}.card:not(.card--guest){min-height:calc(100vh - 12px);min-height:calc(100dvh - 12px)}.title{font-size:2.5rem}.subtitle{font-size:1.1rem}}