html{font-family:system-ui,sans-serif;background:#f7f1f2}body{margin:0}.home-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f7f1f2;color:#333;font-family:Segoe UI,sans-serif}.home-button{background-color:#739bf2;color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:6px;transition:background .2s ease-in-out}.home-button:hover{background-color:#567acb}.home-button.large{font-size:1.1rem;padding:.8rem 1.5rem}.home-main{max-width:1200px;margin:3rem auto;padding:0 2rem;text-align:center}.home-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.home-subtitle{font-size:1.2rem;color:#555;margin-bottom:2.5rem}.home-features{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.home-features{flex-direction:row;justify-content:space-around}}.feature-box{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 6px #00000014;text-align:center;flex:1;max-width:300px;margin:0 auto}.feature-icon{font-size:2.5rem;margin-bottom:.8rem}.home-cta{margin-top:2rem}.home-footer{text-align:center;padding:1.5rem;font-size:.9rem;color:#777;margin-top:auto}.login-wrapper{display:flex;justify-content:center;align-items:center;height:90vh}.login-container{width:60%;height:70%;background-color:#f7f1f2;display:flex;justify-content:space-between;align-items:center}.login-left{height:100%;width:65%;border:5px solid #739BF2;border-right:0;box-sizing:border-box;display:flex;justify-content:center}.login-form-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%}.login-title{font-size:2vw;margin-bottom:20px;color:#4a81f8}.submit-button{width:60%;padding:10px;background-color:#739bf2;color:#f7f1f2;border-radius:5px;border:none;cursor:pointer;font-size:1.2vw;box-sizing:border-box;margin-top:10%}.submit-button:hover{box-shadow:0 4px 10px #00000080;transition:box-shadow .3s ease}.submit-button:disabled{background-color:#ccc;opacity:.6;box-shadow:none}.login-right{height:100%;width:35%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.login-image{width:100%;height:100%;object-fit:fill}.swap-login-button{border-radius:10px;background-color:#f7f1f2;color:#4a81f8;padding:10px;font-size:1vw;margin-top:10px;cursor:pointer}.swap-login-button:hover{box-shadow:0 4px 10px #00000080;transition:box-shadow .3s ease}.register-wrapper{display:flex;justify-content:center;align-items:center;height:90vh}.register-container{width:60%;height:70%;background-color:#f7f1f2;display:flex;justify-content:space-between;align-items:center}.register-left{height:100%;width:65%;border:5px solid #739BF2;border-right:0;box-sizing:border-box;display:flex;justify-content:center}.register-form-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%}.register-title{font-size:2vw;margin-bottom:20px;color:#4a81f8}.input{width:100%;padding:10px;border-radius:5px;border:2px solid #739BF2;font-size:.8vw;outline:none;transition:border-color .3s ease;box-sizing:border-box;margin-top:5%}.submitButton{width:60%;padding:10px;background-color:#739bf2;color:#f7f1f2;border-radius:5px;border:none;cursor:pointer;font-size:1.2vw;box-sizing:border-box;margin-top:10%}.submitButton:hover{box-shadow:0 4px 10px #00000080;transition:box-shadow .3s ease}.submitButton:disabled{background-color:#ccc;opacity:.6;box-shadow:none}.register-right{height:100%;width:35%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.register-image{width:100%;height:100%;object-fit:fill}.register-overlay{position:absolute;color:#f7f1f2;display:flex;justify-content:center;align-items:center;flex-direction:column}.register-overlay-text{font-size:1.2vw}.swapLoginButton{border-radius:10px;background-color:#f7f1f2;color:#4a81f8;padding:10px;font-size:1vw;margin-top:10px;cursor:pointer}.swapLoginButton:hover{box-shadow:0 4px 10px #00000080;transition:box-shadow .3s ease}.modalBackground{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10}.modalDiv{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 8px 20px #0003;max-width:600px;width:90%;animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column}.listSites{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;width:100%;margin-bottom:20px}.siteDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #739BF2;border-radius:10px;padding:15px;background-color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.siteDiv:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.githubSvg,.gitlabSvg{width:40%;height:40%;margin-bottom:10px}.siteName{font-size:14px;font-weight:700;color:#333}.button{margin-top:20px;padding:10px 25px;background-color:#739bf2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.button:hover{background-color:#567acb}.button.disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.titleDiv{display:flex;flex-direction:column;align-items:center;text-align:center}.titleDiv-font{font-size:30px}.titleDiv-underline{width:20%;background-color:#739bf2;height:5px;border-radius:20px}.container{margin:2%;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.plusCard{border:2px solid #739BF2;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.plusCard:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.plusCardConnections{width:15vh;height:20vh}.plusCardPortfolios{width:30vh;height:20vh}.plusSvg,.connectionSvg{width:8vh;height:8vh}.titleCard{text-align:center;font-weight:700;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.deleteButton{position:absolute;top:5px;right:5px;background:none;border:none;cursor:pointer}.deleteIcon{width:16px;height:16px;opacity:.5;transition:opacity .2s ease-in-out}.deleteIcon:hover{opacity:1}.cardButtons{display:flex;justify-content:space-between;gap:5px;width:90%;padding:10px 0;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cardButton{flex:1;padding:5px;border:none;background-color:#739bf2;color:#f7f1f2;border-radius:5px;cursor:pointer;transition:background-color .2s ease;text-align:center}.cardButton:hover{transform:scale(1.05);background-color:#5a7ec7}#background{position:relative;height:70px;border-bottom:5px solid #A6A8AD;background-color:#f7f1f2;display:flex;align-items:center;justify-content:center;padding:0 20px}#logo{position:absolute;left:50%;transform:translate(-50%);height:100%;display:flex;align-items:center;justify-content:center}#svg-logo{width:70%;height:70%}#svg-user{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px}a{cursor:pointer}.loader{border:4px solid rgba(0,0,0,.1);border-left-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebarcontainer{position:fixed;top:75px;left:0;height:100vh;display:flex;z-index:10}.sidebar{transition:width .3s ease;overflow:hidden;background-color:#f7f1f2;box-shadow:2px 0 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;position:relative;height:100%;width:200px;padding:10px}.sidebar.collapsed{width:0;padding:0}.toolbarcontainer{position:fixed;top:75px;right:0;height:100vh;display:flex;z-index:10;flex-direction:row-reverse}.toolbar{transition:width .3s ease;overflow:hidden;background-color:#f7f1f2;box-shadow:-2px 0 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:200px;padding:10px}.toolbar.collapsed{width:0;padding:0}.displaybutton{background:#739bf2;border:1px solid #A6A8AD;cursor:pointer;width:30px;height:50px;align-self:center;display:flex;justify-content:center;align-items:center}.titlecontainer{display:flex;justify-content:center}.title{font-size:20px;margin-bottom:10px;text-decoration:underline #739BF2}.draggableTitle{position:absolute;display:flex;align-items:center;justify-content:center;padding:20px 40px;font-size:3rem;font-family:Playfair Display,serif;background-color:#fefefe;color:#2d3a59;border:3px solid #739BF2;border-radius:12px;box-shadow:0 8px 24px #00000026;-webkit-user-select:none;user-select:none;cursor:grab;z-index:1}.draggableTitle:hover{box-shadow:0 12px 28px #0003}.draggableTitle.dragging{opacity:.85;cursor:grabbing;z-index:10}.draggableProjet{position:absolute;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:move;padding:8px;box-sizing:border-box;border-radius:8px;font-size:clamp(14px,2vw,18px);box-shadow:0 4px 16px #00000026;font-weight:700;z-index:1;transform:translateZ(0);-webkit-user-select:none;user-select:none}.draggableProjet.dragging{z-index:10}.svgImage{margin-right:10px;height:40px}.modalChoice{border:2px solid #739BF2;border-radius:10px;padding:5px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;cursor:pointer;width:100%}.modalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center}.draggableText{position:absolute;background:#fff;padding:1rem;border-radius:.75rem;box-sizing:border-box;width:fit-content;min-width:320px;max-width:70vw;box-shadow:0 4px 16px #00000026;cursor:grab;overflow:visible}.editorModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.editorContent{background:#fff;padding:1.5rem;width:95%;max-width:800px;border-radius:10px;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 24px #0003}.editorMenu{display:flex;flex-wrap:wrap;gap:.5rem}.editorMenu button,.editorMenu select{padding:6px 12px;font-size:14px;border:1px solid #ccc;background-color:#f5f5f5;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.editorMenu button:hover,.editorMenu select:hover{background-color:#e0e0e0}.editorMenu .active{background-color:#d0cfff;border-color:#958df1;color:#333}.editorBody{border:1px solid #ddd;padding:1rem;border-radius:6px;background:#fafafa;max-height:400px;overflow-y:auto}.tiptap-editor{min-height:150px}.editorFooter{display:flex;justify-content:flex-end;gap:.75rem}.editorFooter button{padding:8px 14px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.editorFooter .cancel{background-color:#739bf2;color:#fff}.editorFooter .cancel:hover{background-color:#5a7ec7;transform:scale(1.05);box-shadow:0 4px 8px #0003}.editorFooter .save{background-color:#739bf2;color:#fff}.editorFooter .save:hover{background-color:#5a7ec7;transform:scale(1.05);box-shadow:0 4px 8px #0003}pre{background:#2e2b29;color:#f8f8f2;font-family:JetBrainsMono,monospace;border-radius:.5rem;padding:1rem;margin:1rem 0;overflow-x:auto}code{font-family:JetBrainsMono,monospace}p{margin:0}