@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#fefefef7;background-attachment:fixed;background-image:url(/static/media/background-comtogether-scaled.65d2fce275b3e1d3362d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;margin:0;padding:0}.App,body{min-height:100vh}.App{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;padding:2rem}.App-header{margin-bottom:1.5rem;max-width:1200px;padding:0 1rem;text-align:center;width:100%}.logo{height:auto;margin-bottom:.75rem;max-width:150px}.App-header h1{color:#2375ff;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.25rem}.App-header .subtitle{color:#666;font-family:Poppins,sans-serif;font-size:.85rem;font-style:italic;margin-bottom:1rem}main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #2375ff26;max-width:1200px;padding:2rem;width:100%}.ad-form{gap:2rem;margin:2rem auto;max-width:800px;padding:0 1rem}.ad-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem;margin-bottom:1rem}.form-group label{color:#2375ff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:.95rem;margin-top:.25rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2375ff;box-shadow:0 0 0 3px #2375ff1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{align-items:center;flex-direction:row;gap:.75rem;margin-top:.75rem;padding:.25rem 0}.checkbox-group input[type=checkbox]{accent-color:#2375ff;height:24px;margin:0;width:24px}button[type=submit]{background:linear-gradient(135deg,#69ceff,#2375ff 50%,#043fff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-left:auto;margin-right:auto;margin-top:.75rem;max-width:400px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}button[type=submit]:hover{box-shadow:0 5px 15px #2375ff4d;transform:translateY(-2px)}button[type=submit]:disabled{background:#e0e0e0;cursor:not-allowed;transform:none}.loading-container{align-items:center;background:#fffffff2;border-radius:15px;box-shadow:0 5px 20px #2375ff26;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:600px;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#2375ff;height:50px;margin-bottom:1.5rem;width:50px}.loading-text{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.countdown,.loading-text{color:#2375ff;font-family:Poppins,sans-serif;text-align:center}.countdown{font-size:1.1rem;font-weight:600}.error-message{background-color:#ffe8e8;border:1px solid #ffe8e8;border-radius:10px;color:#ff2323;font-family:Poppins,sans-serif;margin:1rem auto;max-width:800px;padding:1rem}.ad-content{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.ad-content h2{color:#2375ff;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.generation-info{background:#2375ff0d;border-radius:10px;margin-bottom:2rem;padding:1rem;text-align:center}.model-info{color:#2375ff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;margin:0}.content-section{margin-bottom:2.5rem}.content-section h3{color:#2375ff;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.descriptions-grid,.headlines-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.description-item,.headline-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;transition:all .3s ease}.description-item:hover,.headline-item:hover{border-color:#2375ff;box-shadow:0 5px 15px #2375ff1a;transform:translateY(-2px)}.description-content,.headline-content{display:flex;flex-direction:column;width:100%}.description-text,.headline-text{font-weight:500;margin-bottom:4px}.translation-text{display:block;line-height:1.4}.description-item .translation-text,.headline-item .translation-text,.translation-text{border-left:2px solid #e0e0e0;color:#666;font-size:.85em;font-style:italic;margin-bottom:4px;margin-top:6px;padding-left:8px}.headline-category{color:#2375ff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.headline-category,.headline-position{font-family:Poppins,sans-serif;font-size:.9rem}.headline-position{color:#8e8e8e;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App{padding:1rem}main{padding:1.5rem}.form-group{padding:0}.descriptions-grid,.headlines-grid{grid-template-columns:1fr}.App-header h1{font-size:2rem}.logo{max-width:150px}}.description-item.selected,.headline-item.selected{background-color:#2375ff0d;border-color:#2375ff;box-shadow:0 5px 15px #2375ff1a}.description-item,.headline-item{cursor:pointer;position:relative}.description-item:after,.headline-item:after{border:2px solid #e0e0e0;border-radius:4px;content:"";height:20px;position:absolute;right:10px;top:10px;transition:all .3s ease;width:20px}.description-item.selected:after,.headline-item.selected:after{background-color:#2375ff;border-color:#2375ff}.export-section{margin-top:2rem;text-align:center}.export-button{background:linear-gradient(135deg,#69ceff,#2375ff 50%,#043fff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.export-button:disabled{background:#e0e0e0;cursor:not-allowed}.export-button:not(:disabled):hover{box-shadow:0 5px 15px #2375ff4d;transform:translateY(-2px)}.try-again-button{background:linear-gradient(135deg,#2375ff,#043fff 50%,#2375ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-left:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.try-again-button:disabled{background:#e0e0e0;cursor:not-allowed}.try-again-button:not(:disabled):hover{box-shadow:0 5px 15px #2375ff4d;transform:translateY(-2px)}.export-table-container{background:#fff;border-radius:15px;box-shadow:0 5px 20px #2375ff1a;margin-top:2rem;padding:2rem}.export-table-container h3{color:#2375ff;margin-bottom:1.5rem;text-align:center}.export-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin:1.5rem 0;overflow:hidden;width:100%}.export-table td,.export-table th{border-bottom:1px solid #e0e0e0;padding:1rem;text-align:left}.export-table th{background-color:#f8f9fa;color:#2375ff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.export-table td,.export-table td div{color:#2c3e50;font-size:.9rem}.export-table td div{margin-bottom:.5rem}.export-table td div:last-child{margin-bottom:0}.export-table td:first-child{color:#2375ff;font-weight:600;vertical-align:top;width:200px}.export-table tr:last-child td{border-bottom:none}.export-table tr:hover td{background-color:#2375ff0d}.copy-button{background:linear-gradient(135deg,#69ceff,#2375ff 50%,#043fff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-left:auto;margin-right:auto;margin-top:1.5rem;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.copy-button:hover{box-shadow:0 5px 15px #2375ff4d;transform:translateY(-2px)}.character-count{color:#8e8e8e;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;margin-top:.5rem;text-align:right}.description-item .character-count,.headline-item .character-count{background:#ffffffe6;border:1px solid #e0e0e0;border-radius:4px;bottom:10px;padding:2px 8px;position:absolute;right:10px}.export-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem}.export-preview p{color:#2c3e50;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.headline-item[data-category="Brand/Company Name"]{background:#2375ff0d;border-left:4px solid #2375ff}.headline-item[data-category="Keyword Focused"]{background:#6b72800d;border-left:4px solid #6b7280}.headline-item[data-category="Features & Benefits"]{background:#10b9810d;border-left:4px solid #10b981}.headline-item[data-category="Call to Action"]{background:#93c5fd0d;border-left:4px solid #93c5fd}.headline-item .headline-category{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:600;margin-top:5px;padding:2px 8px}.headline-item[data-category="Brand/Company Name"] .headline-category{background:#2375ff1a;color:#2375ff}.headline-item[data-category="Keyword Focused"] .headline-category{background:#6b72801a;color:#6b7280}.headline-item[data-category="Features & Benefits"] .headline-category{background:#10b9811a;color:#10b981}.headline-item[data-category="Call to Action"] .headline-category{background:#93c5fd1a;color:#93c5fd}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #2375ff33;margin:2rem auto;max-width:320px;padding:2rem;text-align:center;width:90%}.login-container h2{color:#2375ff;font-size:1.5rem;font-weight:600;margin-bottom:1.2rem}.login-form{display:flex;flex-direction:column;gap:.8rem}.login-form input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.login-form input:focus{border-color:#2375ff;box-shadow:0 0 0 3px #2375ff1a;outline:none}.login-button{background:linear-gradient(135deg,#69ceff,#2375ff 50%,#043fff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem;position:relative;transition:all .3s ease;width:100%}.login-button:disabled{background:#e0e0e0;cursor:not-allowed;opacity:.8}.login-button:not(:disabled):hover{box-shadow:0 5px 15px #2375ff4d;transform:translateY(-2px)}.login-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-error{background-color:#ffe8e8;border-radius:8px;color:#ff2323;font-size:.9rem;margin-top:1rem;padding:.8rem}.user-info{align-items:center;background:#fffffff2;border-radius:10px;box-shadow:0 5px 15px #2375ff1a;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.user-info-text{color:#2375ff;font-size:.9rem;font-weight:500}.logout-button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{background:#ff5252;box-shadow:0 3px 10px #ff6b6b4d;transform:translateY(-1px)}.quota-display{align-items:center;background:#fffffff2;border-radius:10px;box-shadow:none;display:flex;flex:1 1;flex-direction:row;gap:1rem;margin:0;padding:.5rem 1rem;position:static}.quota-display.quota-exceeded{background:#ff6b6b0d;border:1px solid #ff6b6b33}.quota-error{background:#ff52521a;border-radius:8px;color:#ff5252;font-size:.85rem;font-weight:600;margin:.5rem 0;padding:.5rem;text-align:center}.quota-title{color:#666;font-size:.85rem;margin:0}.quota-numbers{color:#2375ff;font-size:.9rem;font-weight:600;white-space:nowrap}.quota-progress{background:#e0e0e0;border-radius:2px;height:4px;margin:0;overflow:hidden;width:100px}.quota-progress-bar{background:linear-gradient(135deg,#69ceff,#2375ff);height:100%;transition:width .3s ease}.quota-warning{color:#ff6b6b}.user-section{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.description-item .character-count{background:#ffffffe6;border:1px solid #e0e0e0;border-radius:4px;bottom:10px;margin-top:10px;padding:2px 8px;position:absolute;right:10px;z-index:1}.description-item .translation-text{border-left:2px solid #e0e0e0;color:#666;font-size:.85em;font-style:italic;margin-bottom:24px;margin-top:6px;padding-left:8px}.description-item{padding-bottom:40px;position:relative}
/*# sourceMappingURL=main.8c2dc08e.css.map*/