*{margin:0;padding:0;box-sizing:border-box}:root{--text-black: rgba(0, 0, 0, .87);--text-black-muted: rgba(0, 0, 0, .6);--text-white: #ffffff;--text-white-muted: rgba(255, 255, 255, .7);--fs-body: 1rem;--fs-h1: clamp(2.2rem, 5vw, 3rem);--fs-h2: clamp(1.8rem, 4vw, 2.5rem);--fs-h3: clamp(1.4rem, 3vw, 2rem);--radius: .5rem;--space-1600: 8rem;--space-1200: 6rem;--space-1000: 5rem;--space-800: 4rem;--space-600: 3rem;--space-500: 2.5rem;--space-400: 2rem;--space-300: 1.5rem;--space-200: 1rem;--space-150: .75rem;--space-100: .5rem;--space-50: .25rem;--space-25: .125rem}body{font-family:Playfair Display,serif;font-size:var(--fs-body);color:var(--text-black);min-height:100vh;line-height:1.6;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}h1,h2,h3{font-family:Playfair Display,serif;font-weight:600;text-transform:capitalize;margin-bottom:.5em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{font-size:var(--fs-body);color:var(--text-black-muted)}a{text-decoration:none;color:var(--dark-pink);transition:opacity .2s ease}a:hover,a:focus{opacity:.8;cursor:pointer}img{max-width:100%;height:auto;display:block}form{display:flex;flex-direction:column;gap:.7rem}input{width:100%;height:2.2rem;padding:.7rem 1.2rem;border:1px solid black;border-radius:var(--radius);font-size:var(--fs-body);transition:border .2s ease;color:#1f2328}input:focus{outline:none}button{background:#000;color:var(--text-white);font-size:var(--fs-body);padding:.75rem;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}button:hover{opacity:.8}div#wholePageWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90vh}div#wholePageWrapper div#contentWrapper{padding:var(--space-100)}div#wholePageWrapper div#contentWrapper div#logoImg{display:flex;justify-content:center;align-items:center;padding:var(--space-100)}div#wholePageWrapper div#contentWrapper div#logoImg img{width:3.5rem}div#wholePageWrapper div#contentWrapper h1{font-size:clamp(1.4rem,3vw,2rem);text-align:center}div#wholePageWrapper div#contentWrapper form{width:22rem}div#wholePageWrapper div#contentWrapper form p.error{font-size:14px;color:#e06565}div#wholePageWrapper div#contentWrapper div#orWrapper{display:flex;justify-content:center;align-items:center;gap:var(--space-100);padding:var(--space-150) 0}div#wholePageWrapper div#contentWrapper div#orWrapper div.line{width:40%;height:1px;background-color:#a0a0a0}div#wholePageWrapper div#contentWrapper div#orWrapper p{font-size:18px;color:#1f2328}div#wholePageWrapper div#contentWrapper button#signWithGoogleBtn{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--space-200);background-color:#f6f8fa;color:#1f2328}div#wholePageWrapper div#contentWrapper button#signWithGoogleBtn img{width:2rem}div#wholePageWrapper div#contentWrapper div.switchSignIn-Up{display:flex;justify-content:center;align-items:center;gap:5px;padding-top:var(--space-150)}div#wholePageWrapper div#contentWrapper div.switchSignIn-Up p{color:#1f2328}div#wholePageWrapper div#contentWrapper div.switchSignIn-Up a{color:#0969da}@media (max-width: 768px){div#wholePageWrapper div#contentWrapper form{width:20rem}div#wholePageWrapper div#contentWrapper h1{font-size:clamp(1.2rem,4vw,1.8rem)}div#wholePageWrapper div#contentWrapper button#signWithGoogleBtn img{width:1.5rem}}@media (max-width: 480px){div#wholePageWrapper{padding:var(--space-200)}div#wholePageWrapper div#contentWrapper form{width:100%}div#wholePageWrapper div#contentWrapper h1{font-size:clamp(1.1rem,5vw,1.5rem);padding-bottom:var(--space-200)}div#wholePageWrapper div#contentWrapper div#orWrapper p{font-size:16px}div#wholePageWrapper div#contentWrapper button#signWithGoogleBtn{font-size:14px;padding:.6rem}div#wholePageWrapper div#contentWrapper button#signWithGoogleBtn img{width:1.2rem}div#wholePageWrapper div#contentWrapper div.switchSignIn-Up{flex-direction:column;gap:3px;text-align:center}}footer{display:flex;justify-content:center;align-items:center;background-color:#f6f8fa;width:100%;padding:var(--space-100);position:fixed;bottom:0}footer div{display:flex;justify-content:space-around;align-items:center;width:20%;min-width:20rem;font-size:18px}footer a{color:#6c757f}