p{font-size:1rem}a{text-decoration:underline;cursor:pointer}button{cursor:pointer}html,body{overflow-x:hidden}body{background:linear-gradient(90deg,#833ab4,#fd1d1d);margin:0;padding:0;font-family:Arial,sans-serif}.app{width:100vw;height:calc(100vh - 80px);left:0;top:80px;position:relative;z-index:0}.app-content{text-align:center;display:flex;align-items:center;justify-content:center;width:100vw;height:100%}.app-logo{height:5rem;margin:0 auto;display:block;pointer-events:none}@media (prefers-reduced-motion: no-preference){.app-logo{animation:app-logo-spin infinite 20s linear}}@keyframes app-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text{display:inline;font-family:system-ui}.app-link{font-family:system-ui;font-weight:700;font-size:larger;gap:8px;display:flex;flex-direction:column;width:100%;align-items:center}.flex-horizontal{display:flex;flex-direction:row}.flex-vertical{display:flex;flex-direction:column}.gap-12px{gap:12px}.gap-4px{gap:4px}.green-message{color:green!important}.description{font-weight:250;width:100%;margin-bottom:6px}.small{font-size:12px}.main{min-width:372px;display:flex;font-family:system-ui;align-items:center;flex-direction:column;gap:16px;max-height:100%}.header{display:flex;background-color:transparent;width:100%;height:80px;padding:21px 50px 21px 49px;justify-content:space-between;align-items:center;font-family:system-ui;z-index:1;position:relative;font-size:14px}.header-content{display:flex;align-items:center;gap:16px}.logo{color:#fff!important;font-size:16px;font-weight:600;line-height:30px;text-decoration:none}.logo-link{color:#fff!important;font-size:16px;font-weight:600;line-height:30px;text-decoration:none;margin-left:10px}.logo-link:hover{text-decoration:underline}.subtitle{color:#fff!important;font-size:24px;font-weight:600;line-height:30px;text-decoration:none;margin-bottom:30px}.subtitle-black{color:#000!important;font-size:20px;font-weight:600;line-height:30px;text-decoration:none;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center}.minititle-black{color:#000;font-size:15px;font-weight:600;line-height:30px;text-decoration:none;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center}.title{font-size:24px;padding:10px}.google-oauth-button{display:flex;padding:12px 16px;align-items:center;justify-content:center;gap:12px;align-self:stretch;background-color:#fff;border-radius:25px;border:1px solid #e2e2e2;cursor:pointer;text-decoration:none;font-weight:400;max-width:350px;height:48px}.google-oauth-button:hover{background-color:#eee}.sign-in-button{display:flex;padding:12px 16px;align-items:center;justify-content:center;gap:12px;align-self:stretch;background-color:#fff;border-radius:25px;border:1px solid #e2e2e2;cursor:pointer;text-decoration:none;font-weight:400;max-width:350px;min-width:150px;height:48px}.sign-in-button:hover{background-color:#eee}.sign-in-button-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.signout-button{display:flex;padding:8px 24px;align-items:flex-start;gap:10px;border-radius:4px;background:#000;color:#fff;font-size:16px;border:none;cursor:pointer;text-decoration:none}.card-stack{display:flex;flex-direction:column;gap:16px;max-height:100%;overflow:hidden}.user-card{flex-basis:185px}.chat-card{overflow:auto}.card-content{display:flex;text-align:left;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:16px;border-radius:8px;white-space:nowrap}.card{display:flex;flex-direction:column;border:1px solid #e2e2e2;border-radius:8px;background-color:#fff;padding:20px;width:100%;max-width:350px;margin:20px auto;box-shadow:0 4px 6px #0000001a}.card-header{text-align:center;margin-bottom:20px}.card-header h2{font-size:1.5rem;font-weight:700}.card-header p{font-size:1rem;margin:5px 0}.card-body{text-align:center}.card-body img{border-radius:8px;width:100%;max-width:300px}.icon{border-radius:100px;width:72px;height:72px}.userData{display:flex;flex:3;flex-direction:column;align-items:flex-start;gap:4px;font-weight:300}.sm-description{color:#545454;text-align:center;font-size:12px;font-weight:400;line-height:12px}.custom-form{display:flex;gap:12px;flex-direction:column;max-width:350px;width:100%}.custom-form:hover,.custom-form:focus-within{border-color:#007bff}.custom-input{font-size:1rem;padding:4px 12px;border:solid 2px transparent;border-radius:25px;width:100%}.custom-button{font-size:1rem;color:#000;background:#eee;padding:6px;border:1px solid black;border-radius:4px;cursor:pointer;transition:all .2s;text-decoration:none;width:150px}.error{color:red}.success{color:green}.format-message:first-letter{text-transform:capitalize}.primary{color:#fff!important;background:#000}.custom-button:hover{opacity:80%;transition:all .2s}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0;padding-bottom:8}.input-container{position:relative;display:inline-flex;align-items:center}.input-container2{position:relative;display:inline-flex;align-items:center;margin-top:7px;margin-bottom:7px}.input-container3{position:relative;display:inline-flex;align-items:center;margin-bottom:7px}.input-field{border:2px solid transparent;border-radius:25px;padding:10px 40px 10px 15px;outline:none;transition:border-color .3s ease}.input-field2{border:3px solid transparent;border-radius:40px;padding:3px 40px 3px 100px;outline:none;transition:border-color .3s ease;text-align:left}.input-field:focus{border:2px solid #007bff}.input-field2:focus{border:2px solid #007bff}.search-icon-button{position:absolute;right:10px;border:none;background:transparent;cursor:pointer;color:#ff5330;font-size:1.2rem;top:12%;transform:translateY(-50%)}.search-icon-button:hover{opacity:.8}.button-container{display:flex;justify-content:space-between;align-items:center;width:100%}.tagline,.tagline-link{color:#fff!important;font-size:16px;font-weight:600;line-height:30px}:root{--button-primary: #E30022;--button-secondary: #D3AF37;--button-shadow: rgba(94, 203, 233, .2);--transition-speed: .3s}.custom-button{padding:.5rem 1.5rem;border-radius:40px;border:0px solid transparent;background-color:#f8f9fa;color:#212529;font-size:1rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-speed) ease}.custom-button:focus{outline:none;box-shadow:0 0 0 3px var(--button-shadow)}.effect1.custom-button{transition:transform var(--transition-speed) ease-out,background-color var(--transition-speed) ease-in-out,color var(--transition-speed) ease-in-out}.effect1.custom-button:hover,.effect1.custom-button:focus{transform:scale(1.1);background-color:var(--button-secondary);color:#fff}.effect2.custom-button{transition:box-shadow var(--transition-speed) ease-in-out,border-radius var(--transition-speed) ease-in-out}.effect2.custom-button:hover,.effect2.custom-button:focus{box-shadow:0 4px 8px var(--button-shadow);border-radius:20px}.effect3.custom-button{transition:transform var(--transition-speed) ease-in-out,background-position .5s ease;background-image:linear-gradient(to left,#f8f9fa 50%,var(--button-primary) 10%);background-size:200% 150%;background-position:right bottom}.effect3.custom-button:hover,.effect3.custom-button:focus{transform:translate(10px);background-position:left bottom;color:#fff}.effect4.custom-button{transition:transform var(--transition-speed) cubic-bezier(.68,-.55,.265,1.55)}.effect4.custom-button:hover,.effect4.custom-button:focus{transform:rotate(45deg)}.effect5.custom-button{transition:transform var(--transition-speed) cubic-bezier(.68,-.55,.265,1.55)}.effect5.custom-button:hover,.effect5.custom-button:focus{transform:scaleX(-1)}.app-link{display:flex;flex-direction:column;align-items:center;justify-content:center}.app-link Button{margin-top:20px}