.container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview,.input{flex:0 0 auto}footer{flex:0 0 auto;text-align:center;padding:10px;font-size:.9rem;color:#6b7280;font-weight:500}.chatWindow{flex:1 1 auto;overflow-y:auto;width:97%;display:flex;flex-direction:column;justify-content:space-around;padding:20%;scroll-behavior:smooth;padding:1rem;resize:none;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.inputContainer{display:flex;justify-content:center;align-items:center;padding:10px;flex-wrap:wrap;gap:10px;width:100%}.mainInput{width:70%;min-width:250px;height:100px;border-radius:20px;border:2px solid rgba(255,255,255,.2);color:#333;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;padding:15px 8rem 15px 20px;font-size:1.3rem;resize:none;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.mainInput:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a,0 8px 30px #00000026;transform:translateY(-2px)}.mainInput::placeholder{color:#9ca3af;font-weight:400}.buttonDiv{display:flex;flex-direction:row;justify-content:center;gap:10px;align-items:center;margin-left:-120px;z-index:1}.fileUploadWrapper,.submitButton{width:40px;height:40px;border-radius:30px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.submitButtonYT{width:50px;height:50px;border-radius:30px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.fileUpload{position:relative;right:3%;border-radius:30px;width:40px;height:40px;opacity:0;cursor:pointer}.fileUploadWrapper{background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-position:center;background-size:cover;background-size:120%;background-color:#ffffffe6;border:2px solid rgba(255,255,255,.3);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fileUploadWrapper:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;background-color:#fff}.submitButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);z-index:1}.submitButton:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.messageBubble{max-width:80%;padding:15px 20px;margin:10px;border-radius:16px;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a;transition:all .3s ease;overflow-wrap:break-word}.messageBubble:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}#ai{background:linear-gradient(135deg,#6b7280e6,#4b5563e6);color:#fff;align-self:flex-start;border-bottom-left-radius:0;font-size:1.3rem;font-weight:500}#user{background:linear-gradient(135deg,#ffffffe6,#f3f4f6e6);color:#374151;align-self:flex-end;border-bottom-right-radius:0;font-weight:500;font-size:1.3rem}.response{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}.headerDiv{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-radius:20px;width:96.5%;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000001a}.logoDiv{display:flex;gap:15px;align-items:center;padding-left:2%}.logoDiv img{width:45px;height:auto;border-radius:50%;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.logoDiv img:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.logoDiv p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;margin:0;padding:0;font-weight:600;color:#374151}.headerDiv h2{color:#1f2937;font-weight:700;font-size:1.5rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.links{padding-right:2%;display:flex;gap:8px}.gitLink img,.linkedinLink img{width:50px;height:auto;margin:0 5px;border-radius:50%;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.gitLink img:hover,.linkedinLink img:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px #0003}.previewDiv{display:flex;align-items:center;gap:7px;padding:12px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;margin:10px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000001a}.previewDiv img{width:2.5rem;height:auto;border-radius:8px}.previewDiv button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;width:4.2rem;height:2rem;border-radius:15%;cursor:pointer;color:#ece9e9;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.previewDiv button:hover{transform:scale(1.1);box-shadow:0 6px 20px #ef444466}.previewDiv p{margin:0;font-weight:500;color:#374151}.cardList{display:flex;flex-direction:row;justify-content:center;width:100vw;gap:20px;flex-wrap:wrap;padding:20px}.mainDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;width:96.5%;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);margin:10px;box-shadow:0 8px 32px #0000001a}.HomePageDiv{display:flex;flex-direction:column;align-items:center;height:80vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.Homefooter{max-height:100%;width:96.5%;border-radius:20px;display:flex;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:20px}.Homefooter p{margin:0;color:#6b7280;font-weight:500}.LoginDiv,.SignUpDiv{display:flex;flex-direction:column;padding:2rem;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.myForm{display:flex;flex-direction:column;background:#ffffff2e;box-shadow:0 15px 35px #0000001a,0 5px 15px #00000012,inset 0 1px #ffffff4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,.2);padding:3rem 2.5rem;width:100%;max-width:420px;position:relative;overflow:hidden}.myForm:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.myForm h1{font-size:2.2rem;margin-bottom:2rem;color:#fff;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.1);letter-spacing:-.5px}.input-group{position:relative;margin-bottom:1.5rem}.myForm label{display:block;text-align:left;margin-bottom:.5rem;font-weight:500;color:#ffffffe6;font-size:.95rem;letter-spacing:.3px}.myForm input{width:90%;padding:1rem 1.2rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);outline:none;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.myForm input:focus{border-color:#fff6;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a,0 8px 25px #0000001a;transform:translateY(-2px)}.myForm input::placeholder{color:#fff9}.myForm button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:1rem 2rem;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000026}.myForm button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.myForm button:hover:before{left:100%}.myForm button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0003;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.myForm button:active{transform:translateY(-1px)}.myForm p{color:#fffc;margin-top:1.5rem;font-size:.95rem;text-align:center}.myForm a{color:#fff;text-decoration:none;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.myForm a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.myForm a:hover:after{width:100%}.myForm a:hover{text-shadow:0 0 10px rgba(255,255,255,.5)}.myForm:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:float 20s linear infinite;pointer-events:none}@keyframes float{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 480px){.LoginDiv,.SignUpDiv{padding:1rem}.myForm{padding:2rem 1.5rem;border-radius:20px}.myForm h1{font-size:1.8rem}}@media (min-width: 480px) and (max-width: 768px){.gitLink img,.linkedinLink img{width:35px;height:auto;margin-left:1%}.logoDiv img{width:35px;height:auto}.logoDiv p{font-size:.9rem}.headerDiv h2{font-size:1.2rem}.mainInput{width:80%;padding:12px 6rem 12px 15px}.previewDiv{font-size:.9rem;padding:10px 15px}.previewDiv img{width:2rem}.previewDiv button{width:3rem;height:1.5rem;font-size:.7rem}.messageBubble{width:60%;margin:10px;padding:12px 16px}#ai,#user{font-size:1.1rem}.headerDiv{border-radius:0;padding:10px 15px}.mainDiv{border-radius:0;margin:0}.buttonDiv{gap:10px;margin-left:-130px}.fileUploadWrapper,.submitButton{width:45px;height:45px}.HomePageDiv{height:fit-content}.mainDiv h1{font-size:small}}@media (max-width: 560px){.previewDiv{width:12rem;font-size:.7rem;gap:8px;display:flex;flex-direction:row;justify-content:center}.headerDiv h2{font-size:1rem;text-align:center}.headerDiv p{font-size:.7rem}.previewDiv{gap:4px;align-self:center}.previewDiv img{width:1.5rem}.previewDiv button{width:2rem;height:1rem;font-size:.4rem}.previewDiv p{font-size:.4rem}.mainInput,.mainInputYT{padding:10px 5rem 10px 12px;font-size:1rem}.buttonDiv{margin-left:-100px}.fileUploadWrapper,.submitButton{width:30px;height:30px}.submitButton{font-size:1rem}.HomePageDiv{gap:10px}}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top:2px solid rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 320px){.LoginDiv,.SignUpDiv{padding:.5rem}.myForm{padding:1.5rem 1rem;max-width:280px;width:calc(100vw - 1rem);height:auto;min-height:auto}.myForm h1{font-size:1.5rem;margin-bottom:1rem}.input-group{margin-bottom:1rem}.myForm input{padding:.8rem;font-size:.9rem}.myForm button{padding:.8rem 1rem;font-size:.95rem;margin-top:.5rem}}@media (max-width: 480px){.LoginDiv,.SignUpDiv{padding:.75rem}.myForm{padding:2rem 1.25rem;max-width:320px;width:calc(100vw - 1.5rem);height:auto;min-height:auto}.myForm h1{font-size:1.7rem;margin-bottom:1.25rem}.input-group{margin-bottom:1.25rem}.myForm input{padding:.85rem 1rem;font-size:.95rem}.myForm button{padding:.85rem 1.25rem;font-size:1rem;margin-top:.75rem}.HomePageDiv{height:fit-content}}@media (min-width: 481px) and (max-width: 768px){.LoginDiv,.SignUpDiv{padding:1.5rem}.myForm{max-width:360px;width:100%;padding:2.25rem 1.75rem;height:auto}.myForm h1{font-size:1.9rem}}body{margin:0;padding:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.urlField{width:40%;padding:14px 20px;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:2px solid #ccc;border-radius:15px;background-color:#fff;color:#333;transition:all .3s ease;box-sizing:border-box;outline:none;position:relative}.urlField:hover:not(:focus){border-color:#999}.urlField:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a,0 8px 30px #00000026;transform:translateY(-2px)}.urlField::placeholder{color:#9ca3af;font-weight:400}.inputDiv{width:100vw;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;margin-left:-250px}.buttonDivYT{display:flex;flex-direction:row;justify-content:center;gap:10px;align-items:center;z-index:1;margin-left:-380px;margin-top:60px}.YTOpener{background:linear-gradient(135deg,red,#dc143c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;width:3.1rem;height:2.4rem;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.YTOpener:before{content:"";width:0;height:0;border-left:14px solid white;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:3px}.YTOpener:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f006}.YTOpener:focus{outline:none;box-shadow:0 0 0 3px #ff00004d}.YTOpener:active{transform:translateY(0);box-shadow:0 2px 8px #ff00004d}@media (min-width: 920px) and (max-width: 1300px){.buttonDivYT{gap:10px;margin-left:-290px}.inputDiv{margin-left:-100px}}@media (min-width: 768px) and (max-width: 920px){.buttonDivYT{gap:10px;margin-left:-260px}.inputDiv{margin-left:-100px}}@media (min-width: 564px) and (max-width: 768px){.buttonDivYT{gap:10px;margin-left:-200px}.inputDiv{margin-left:-100px}}@media (min-width: 480px) and (max-width: 564px){.buttonDivYT{gap:10px;margin-left:-160px}.inputDiv{margin-left:-80px}.YTOpener{width:2.5rem;height:1.8rem;border-radius:9px;font-size:1.2rem}}@media (min-width: 400px) and (max-width: 480px){.buttonDivYT{gap:10px;margin-left:-170px}.inputDiv{margin-left:-80px}.YTOpener{width:2.5rem;height:1.8rem;border-radius:9px;font-size:1.2rem}.urlField::placeholder{font-size:16px}}@media (min-width: 300px) and (max-width: 400px){.buttonDivYT{gap:10px;margin-left:-160px}.inputDiv{margin-left:-80px}.YTOpener{width:2.5rem;height:1.8rem;border-radius:9px;font-size:1.2rem}.urlField::placeholder{font-size:14px}}