{"version":3,"sources":["login.scss"],"names":[],"mappings":"iBACA,EACI,OAAA,EACA,QAAA,EACA,WAAA,WAGJ,KACI,YAAA,OAAA,CAAA,WACA,iBAAA,qCACA,gBAAA,MACA,oBAAA,OACA,sBAAA,MACA,WAAA,MACA,QAAA,KACA,YAAA,OACA,gBAAA,OACA,QAAA,KAIJ,WACI,MAAA,KACA,UAAA,MACA,WAAA,KACA,cAAA,KACA,WAAA,EAAA,KAAA,KAAA,eACA,SAAA,OACA,QAAA,KAAA,KACA,WAAA,IAAA,IAAA,KAGJ,OACI,WAAA,OACA,cAAA,KACA,WACI,MAAA,MACA,OAAA,KAKR,MACI,QAAA,KACA,cAAA,KACA,cAAA,IAAA,MAAA,QAGJ,SACI,KAAA,EACA,WAAA,OACA,eAAA,KACA,UAAA,KACA,YAAA,IACA,MAAA,KACA,OAAA,QACA,WAAA,IAAA,IACA,WAAA,IACA,OAAA,KACA,YAAA,QACA,gBACI,MAAA,QACA,cAAA,IAAA,MAAA,QAKR,gBACI,WAAA,IAAA,IAAA,KAGJ,MACI,QAAA,MAGJ,aACI,QAAA,KAGJ,aACI,cAAA,KACA,SAAA,SACA,mBACI,MAAA,KACA,QAAA,KAAA,KACA,UAAA,KACA,OAAA,IAAA,MAAA,QACA,cAAA,KACA,QAAA,EACA,WAAA,IAAA,IACA,YAAA,QACA,0BACI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,IAAA,qBAKZ,gBACI,cAAA,KACA,QAAA,KACA,YAAA,OACA,UAAA,KACA,MAAA,KACA,qBACI,aAAA,KACA,aAAA,QAIR,iBACI,QAAA,MACA,WAAA,IACA,UAAA,KACA,MAAA,QACA,gBAAA,KAGJ,uBACI,gBAAA,UAIJ,aACI,QAAA,MACA,gBAAA,KACA,WAAA,OACA,MAAA,KACA,QAAA,KACA,WAAA,+CACA,OAAA,KACA,cAAA,KACA,MAAA,KACA,UAAA,KACA,YAAA,IACA,OAAA,QACA,WAAA,UAAA,GAAA,CAAA,WAAA,IACA,YAAA,QACA,WAAA,KACA,mBACI,UAAA,iBACA,WAAA,EAAA,IAAA,KAAA,kBAKR,SACI,WAAA,OACA,OAAA,KAAA,EAAA,KACA,SAAA,SACA,MAAA,KACA,UAAA,KACA,gBAAA,iBAEI,SAAA,SACA,IAAA,IACA,MAAA,iBACA,OAAA,IACA,WAAA,QAIR,iBACI,KAAA,EAGJ,gBACI,MAAA,EAIJ,cACI,QAAA,KACA,gBAAA,OACA,IAAA,KACA,cAAA,KAGJ,aACI,MAAA,KACA,OAAA,KACA,cAAA,IACA,WAAA,QACA,QAAA,KACA,YAAA,OACA,gBAAA,OACA,OAAA,QACA,WAAA,IAAA,IACA,UAAA,KACA,YAAA,IACA,MAAA,KACA,gBAAA,KACA,mBACI,WAAA,QACA,UAAA,iBAKR,aACI,WAAA,OACA,WAAA,KACA,UAAA,KACA,MAAA,KACA,eACI,MAAA,QACA,gBAAA,KACA,YAAA,IACA,qBACI,gBAAA,UAMZ,yBACI,WACI,QAAA,KAAA,KAEJ,SACI,UAAA,KAEJ,aACI,UAAA","file":"login.min.css","sourcesContent":["/* Reset básico e fonte */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Poppins', sans-serif;\n background-image: url('../../img/calm-sunset-login.jpg');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n}\n\n/* Container principal do card */\n.container {\n width: 100%;\n max-width: 500px;\n background: white;\n border-radius: 20px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n padding: 40px 35px;\n transition: all 0.3s ease;\n}\n\nfigure {\n text-align: center;\n margin-bottom: 30px;\n img {\n width: 120px;\n height: auto;\n }\n}\n\n/* Abas de navegação */\n.tabs {\n display: flex;\n margin-bottom: 30px;\n border-bottom: 2px solid #f0f0f0;\n}\n\n.tab-btn {\n flex: 1;\n text-align: center;\n padding-bottom: 12px;\n font-size: 22px;\n font-weight: 600;\n color: #999;\n cursor: pointer;\n transition: all 0.3s;\n background: none;\n border: none;\n font-family: inherit;\n &.active {\n color: #667eea;\n border-bottom: 3px solid #667eea;\n }\n}\n\n/* Estilos dos formulários */\n.form-container {\n transition: all 0.3s ease;\n}\n\n.form {\n display: block;\n}\n\n.form.hidden {\n display: none;\n}\n\n.input-group {\n margin-bottom: 20px;\n position: relative;\n input {\n width: 100%;\n padding: 15px 20px;\n font-size: 16px;\n border: 1px solid #e0e0e0;\n border-radius: 12px;\n outline: none;\n transition: all 0.3s;\n font-family: inherit;\n &::focus {\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n }\n }\n}\n\n.checkbox-group {\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n font-size: 14px;\n color: #555;\n &input {\n margin-right: 10px;\n accent-color: #667eea;\n }\n}\n\n.forgot-password {\n display: block;\n margin-top: 8px;\n font-size: 14px;\n color: #667eea;\n text-decoration: none;\n}\n\n.forgot-password:hover {\n text-decoration: underline;\n}\n\n/* Botão principal */\n.btn-primary {\n display: block;\n text-decoration: none;\n text-align: center;\n width: 100%;\n padding: 15px;\n background: linear-gradient(135deg, #eac766 0%, #8a713c 100%);\n border: none;\n border-radius: 12px;\n color: white;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n font-family: inherit;\n margin-top: 10px;\n &:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(95, 76, 15, 0.4);\n }\n}\n\n/* Divisor com \"Or login with\" */\n.divider {\n text-align: center;\n margin: 25px 0 20px;\n position: relative;\n color: #aaa;\n font-size: 14px;\n &::before,\n &::after {\n position: absolute;\n top: 50%;\n width: calc(50% - 60px);\n height: 1px;\n background: #e0e0e0;\n }\n}\n\n.divider::before {\n left: 0;\n}\n\n.divider::after {\n right: 0;\n}\n\n/* Ícones sociais */\n.social-icons {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.social-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s;\n font-size: 24px;\n font-weight: bold;\n color: #555;\n text-decoration: none;\n &:hover {\n background: #e0e0e0;\n transform: translateY(-3px);\n }\n}\n\n/* Link de cadastro no final do sign in */\n.signup-link {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #666;\n a {\n color: #667eea;\n text-decoration: none;\n font-weight: 600;\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n/* Ajustes para telas pequenas */\n@media (max-width: 550px) {\n .container {\n padding: 30px 20px;\n }\n .tab-btn {\n font-size: 18px;\n }\n .btn-primary {\n font-size: 16px;\n }\n}"]}
|
Download
