body{margin:0;font-family:Roboto,sans-serif}p{margin:0}.bg-apple{background:#555}.bg-google{background:#4285f4}.bg-outlook{background:#f0a30a}.modal-title__box{width:100%}.calendar-box{display:flex;flex-direction:column;width:100%}.calendar-buttons{display:flex;flex-wrap:wrap;gap:6px}.calendar-title{margin-top:18px;font-size:18px;font-weight:500}.addcalendar-button{border-radius:8px;color:#fff;text-decoration:none;display:flex;gap:8px;padding:10px 12px;align-items:center;cursor:pointer}.addcalendar-button:hover{opacity:.9}.form-container{display:flex;justify-content:center}.register-form{max-width:100%;margin-top:10px;display:flex;flex-direction:column;gap:15px;width:450px;padding:0 10px}.register-label{color:#6b7280;font-size:14px;margin-bottom:8px}.register-error{margin-top:8px;color:#ef4444;font-size:12px}.register-select{position:relative;background-color:#fff;color:#000}.register-input{border-radius:0;width:100%;height:40px;padding:0 10px;box-sizing:border-box;border-radius:none;border:1px solid #d1d5db}.register-input:hover{border:1px solid #699cc6}.input-skeleton{width:100%;height:40px;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:400% 100%;animation:skeleton-shine 2.5s infinite linear}@keyframes skeleton-shine{0%{background-position:-200% 0}to{background-position:200% 0}}.close-button{position:absolute;top:15px;right:15px;background-color:#fff;color:#000;border:none;border-radius:100px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s ease;cursor:pointer}.close-button:hover{background-color:#f3f4f6}.register-button{margin-top:10px;background-color:#4c6b8b;color:#fff;border:none;width:100%;height:40px;transition:all .3s ease;cursor:pointer}.register-button:hover{background-color:#699cc6}.register-button:disabled{background-color:#aecfe6}.modal-container{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-shadow{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:.2}.modal-box{border-radius:16px;padding:32px 28px;display:flex;align-items:center;flex-direction:column;gap:10px;width:320px;max-width:100%;background-color:#fff;position:relative}.modal-title{font-size:28px;margin-top:12px;margin-bottom:12px;font-weight:500}.modal-subtitle{font-size:15px;margin-bottom:12px;font-weight:400;opacity:.5}.description{margin-top:8px;text-align:center;color:#888;font-size:.8rem}@media (max-width:448px){.modal-box{border-radius:0;width:100%;padding:48px 16px}}