.spinner{margin:100px auto 0;width:70px;text-align:center;height:150px}.spinner>div{width:18px;height:18px;background-color:#475569;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner.homeButton>div,.spinner.commonButton>div,button .spinner>div,.commonButton .spinner>div{background-color:#f9f7f7}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);position:absolute}#authForm{padding:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);min-width:400px;max-width:500px;width:100%;box-sizing:border-box}@media(max-width:600px){#authForm{min-width:unset;max-width:calc(100vw - 40px);padding:30px 20px;margin:20px}}.input{height:44px;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);margin:20px 30px;font-size:15px;transition:var(--transition);background:var(--bg-secondary);box-sizing:border-box;width:calc(100% - 60px)}@media(max-width:600px){.input{margin:8px 0;width:100%;font-size:16px}}.input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #2563eb1a}.area{display:grid;grid-template-columns:30% 70%;gap:10px}@media(max-width:600px){.area{grid-template-columns:1fr;gap:8px}.label{margin-bottom:4px}}.label{align-self:center;font-weight:600;color:var(--text-primary)}.bottom{display:flex;margin-bottom:24px;margin-right:30px;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}@media(max-width:600px){.bottom{margin-right:0;margin-bottom:20px;flex-wrap:wrap;gap:8px}.bottom span{font-size:13px}}.bottom input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}#error{color:var(--error-color);background:#fee2e2;padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:20px;font-size:14px;border:1px solid #fecaca;box-sizing:border-box}@media(max-width:600px){#error{padding:10px 12px;font-size:13px;margin-bottom:16px}}#authButton{display:block;width:calc(100% - 60px);height:48px;border:none;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border-radius:var(--border-radius-sm);margin:10px 30px;font-weight:600;font-size:15px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);box-sizing:border-box}@media(max-width:600px){#authButton{width:100%;margin:10px 0;height:44px;font-size:14px}}#authButton:hover{box-shadow:var(--shadow-lg)}#authButton:active{transform:translateY(0)}:root{--primary-color: #375597;--primary-hover: #4d6dc8;--secondary-color: #64748b;--error-color: #ef4444;--link-color: #2563eb;--link-hover: #1d4ed8;--button-text-color: rgb(228, 231, 236);--button-text-hover: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-accent: #2563eb;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-accent: #f1f5f9;--bg-hover: #f8fafc;--border-color: #e2e8f0;--border-radius: 12px;--border-radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Libre Baskerville,serif;margin:0}h1{font-family:Libre Baskerville,serif;font-weight:500;font-size:35px;margin-top:40px;text-align:center;color:#2c3e50}.podnadpis{font-family:Patrick Hand,cursive;text-align:center;color:#2c3e50}h2{font-size:24px;font-weight:550}.special{color:#672d73}.podnadpis{margin:40px}img{width:100%;height:100%;object-fit:cover}a{text-decoration:none}.commonButton{margin:4px;height:38px;font-weight:600;color:var(--button-text-color);border:1px solid #63686e;border-radius:var(--border-radius-sm);display:flex;justify-content:flex-start;padding:8px 14px;align-items:center;text-transform:uppercase;font-size:13px;letter-spacing:.5px;min-width:100%;max-width:170px;font-family:Raleway,sans-serif;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);box-shadow:4px 2px 6px #57617799;transition:var(--transition);cursor:pointer}.commonButton:hover,.commonButton:active{box-shadow:4px 2px 6px #2e333ee6;border-color:#2a1709;color:var(--button-text-hover);background:linear-gradient(135deg,#4c5e96f2,#3355a6)}@media(max-width:600px){.commonButton{min-width:70px;max-width:150px;font-size:11px}}