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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader{width:100%}.loader,.login-page{align-items:center;display:flex;justify-content:center}.login-page{background-color:#011d40;color:#fff;flex-direction:column;height:100vh;padding:20px}.login-page img{height:auto;margin-bottom:20px;max-width:80%;width:200px}.login-container{background-color:#001f3f;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:400px;padding:20px;text-align:center;width:100%}.login-page h1{font-size:28px;margin-bottom:20px;text-align:center}.login-container input{background-color:#022b57;margin:10px 0;width:90%}.login-container button,.login-container input{border:none;border-radius:5px;color:#fff;font-size:16px;padding:10px}.login-container button{background-color:#007bff;cursor:pointer;margin-top:10px;width:95%}.login-container button:hover{background-color:#0056b3}@media (max-width:768px){.login-container{padding:15px}.login-container h1{font-size:20px}.login-container button,.login-container input{font-size:14px}.login-page img{width:150px}}.project-list-page{background-color:#011d40;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.welcome{margin-top:50px;text-align:center}.welcome h1{font-size:24px;margin-bottom:15px}.welcome p{font-size:18px;line-height:1.6}.text-container{align-items:center;display:flex;justify-content:center;padding:20px}.text-frame{background-color:#f8f9fa;border:3px solid #007bff;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:800px;padding:20px}.animated-text{color:#011d40;font-size:16px;line-height:1.6;white-space:pre-line}.text-container img{width:20%}@media (max-width:500px){.text-container{flex-direction:column}}.menu{background-color:#001f3f;box-shadow:0 4px 8px #0003;color:#fff;padding:10px 20px;position:relative}.menu-header{align-items:center;display:flex;justify-content:space-between}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}.menu-container{align-items:center;display:flex;justify-content:space-between}.menu-content{display:flex;transition:transform .3s ease-in-out}.menu-left{display:flex;gap:20px;list-style:none;margin:0;padding:0}.menu-left li a{border-radius:5px;color:#fff;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.menu-left li a:hover{background-color:#007bff}.menu-right{align-items:center;display:flex;gap:15px}.user-name{font-size:16px;font-weight:700}.logout-button{background-color:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.logout-button:hover{background-color:#c9302c}@media (max-width:768px){.hamburger{display:block}.menu{display:flex;justify-content:space-between}.menu-content{align-items:flex-start;background-color:#001f3f;flex-direction:column;left:0;position:absolute;top:100%;transform:translateY(-100%);visibility:hidden;width:100%}.menu-content.open{height:100vh;transform:translateY(0);visibility:visible}.menu-left{align-items:center;flex-direction:column;gap:3;width:100%}.menu-left li a{padding:10px;text-align:left;width:100%}.menu-right{align-items:center;display:flex;gap:10px}}@media (max-width:480px){.logo{font-size:18px}.menu-left li a,.user-name{font-size:14px}.logout-button{font-size:14px;padding:6px 12px}}.project-form-page{justify-content:center;min-height:100vh;padding:20px}.step-container{background-color:#001f3f;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:400px;padding:20px;text-align:center;width:100%}.step-container h1{font-size:24px;margin-bottom:20px;text-align:center}.step-container p{font-size:16px;margin-bottom:15px;text-align:center}.questions{background-color:#022b57;border-radius:5px;margin-bottom:15px;padding:15px;text-align:justify}.questions h3{color:#007bff;font-size:18px;grid-area:header;margin-bottom:10px}.questions pre{font-size:14px;line-height:1.5;white-space:pre-wrap}.advice{align-items:center;display:grid;grid-template-areas:"img header" "img text";justify-content:center}.text__arrow{align-items:center;display:flex;grid-area:text}.questions .questions__img{grid-area:img;max-width:150px}.answer{background-color:#022b57;border:none;border-radius:5px;color:#fff;font-size:16px;margin:10px 0;padding:15px;width:90%}.icon__arrow{height:25px;margin-left:15px;width:25px}@media (max-width:768px){.step-container{padding:15px}.step-container h1{font-size:20px}.questions h3{font-size:16px}.questions pre{font-size:12px}}.project-form-page{align-items:center;background-color:#011d40;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px;max-width:400px;width:100%}.navigation-buttons button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;margin:0 5px;padding:10px;transition:background-color .3s ease}.navigation-buttons button:hover{background-color:#0056b3}.navigation-buttons button:disabled{background-color:#022b57;cursor:not-allowed;opacity:.6}@media (max-width:768px){.navigation-buttons{align-items:stretch;flex-direction:column}.navigation-buttons button{font-size:14px;margin:5px 0}}.canvas-container{background-color:#f9f9f9;color:#011d40;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;padding:20px;width:95%}h2{margin:20px}.canvas-grid{grid-gap:10px;background-color:#001f3f;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:grid;gap:10px;grid-template-areas:"name name name name name" "problem solution unique_value unfair_advan customer_segments" "problem key_metric unique_value channels customer_segments" "cost_structure cost_structure cost_structure revenue_streams revenue_streams";margin-bottom:5px;padding:15px}.canvas-grid textarea{background-color:#022b57;color:#f0f0f0}.grid-item{background-color:#f0f0f0;background-color:#001f3f;border:1px solid #ccc;border-radius:4px;color:#f0f0f0;padding:10px}.name{align-items:center;background-color:#2b2b93;display:flex;font-size:25px;gap:10px;grid-area:name;justify-content:center;text-align:center}.customer_segments{grid-area:customer_segments}.problem{grid-area:problem}.solution{grid-area:solution}.unfair_advan{grid-area:unfair_advan}.unique_value{grid-area:unique_value}.cost_structure{grid-area:cost_structure}.revenue_streams{grid-area:revenue_streams}.key_metric{grid-area:key_metric}.grid-item span{background-color:#2b2b93;border:1px solid #ccc;border-radius:4px;display:block;padding:7px 10px}.print-button{background-color:#4caf50}.edit-button,.print-button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 20px;padding:8px 16px;transition:background-color .3s ease}.edit-button{background-color:#e2bf20}.print-button:hover{background-color:#45a049}.delete-button{background-color:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 20px;padding:8px 16px;transition:background-color .3s ease}.delete-button:hover{background-color:#c9302c}.no-projects-message{color:#555;font-size:18px;margin-top:20px;text-align:center}@media (max-width:1050px){.canvas-container{font-size:12px;gap:5px;padding:10px}.canvas-grid{gap:3px}}@media (max-width:850px){.grid-item{padding:3px}.canvas-grid{grid-template-areas:"name name name name" "customer_segments customer_segments customer_segments customer_segments" "problem solution unique_value unfair_advan " "problem key_metric unique_value channels" "cost_structure cost_structure revenue_streams revenue_streams"}}@media (max-width:600px){.name{font-size:17px}}@media (max-width:500px){.buttons{display:flex;flex-direction:column;gap:10px}}@media (max-width:435px){.name{font-size:13px}.canvas-container{font-size:8px;gap:3px;padding:5px}}.about-page{background-color:#f0f4f8;height:100vh;overflow-y:auto}.content{margin:0 auto;max-width:1200px;padding:20px}.content h1{color:#011d40;font-size:32px;margin-bottom:20px;text-align:center}.about-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:40px;padding:20px}.about-content .examples img{display:block;height:auto;margin:20px auto;max-width:500px;width:100%}@media (max-width:768px){.about-content .examples img{max-width:100%}}
/*# sourceMappingURL=main.b23d5106.css.map*/