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}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes spinGlow{0%{box-shadow:0 0 10px 0 rgba(var(--caribbean-current-rgb),.2);transform:rotate(0deg) scale(1)}50%{box-shadow:0 0 20px 0 rgba(var(--caribbean-current-rgb),.4);transform:rotate(180deg) scale(1.05)}to{box-shadow:0 0 10px 0 rgba(var(--caribbean-current-rgb),.2);transform:rotate(1turn) scale(1)}}@keyframes glassBlur{0%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}50%{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes borderGlow{0%{border-color:#ffffff1a}50%{border-color:#ffffff4d}to{border-color:#ffffff1a}}.portfolio-header{animation:fadeIn .8s ease-out forwards,slideInUp .8s ease-out forwards;overflow:hidden;position:relative}.portfolio-header:before{animation:headerGradientRotate 15s linear infinite;background:conic-gradient(from 0deg at 50% 50%,#4d194d1a 0deg,#0064661a 90deg,#0000 180deg,#0000 1turn);bottom:-50%;content:"";left:-50%;opacity:.4;pointer-events:none;position:absolute;right:-50%;top:-50%;z-index:0}@keyframes headerGradientRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.portfolio-tabs{animation:fadeIn 1s ease-out .3s forwards;animation-fill-mode:forwards;opacity:0}.portfolio-tab.active{animation:pulse 1.5s infinite}.portfolio-tab-content{animation:fadeIn .5s ease-out}.project-card{animation:fadeIn .5s ease-out,slideInUp .5s ease-out;transition:transform .4s ease,box-shadow .4s ease}.project-card:hover{animation:pulse 2s infinite;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.tech-card{animation:scaleIn .5s ease-out}.tech-card:hover{animation:float 3s ease-in-out infinite}.contact-card{animation:fadeIn .8s ease-out,slideInUp .8s ease-out;transition:transform .4s ease}.contact-social a{transition:all .3s ease}.contact-social a:hover{animation:pulse 1s infinite}.contact-form{animation:fadeIn 1s ease-out,slideInRight 1s ease-out}.contact-form input,.contact-form textarea{transition:all .3s ease}.portfolio-footer{animation:fadeIn 1s ease-out;overflow:hidden;transition:-webkit-backdrop-filter .5s ease;transition:backdrop-filter .5s ease;transition:backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease}.portfolio-footer:before{animation:footerGradientMove 8s ease infinite;background:linear-gradient(125deg,#fff0,#ffffff0d 40%,#fff0 60%);background-size:200% 200%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes footerGradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer-content{animation:fadeIn 1.2s ease-out,slideInUp 1.2s ease-out}.footer-social a:hover{animation:pulse 1s infinite}.footer-logo{animation:fadeIn 1s ease-out,borderGlow 4s infinite}.project-hero{animation:fadeIn 1.2s ease-out;transition:all .5s ease}.project-hero-content h1{animation:fadeIn 2s ease-out,slideInUp 2s ease-out}.project-back-btn{animation:fadeIn .8s ease-out,slideInLeft .8s ease-out}.project-scroll-progress{transition:width .2s ease}.project-description-box{animation:fadeIn 1.2s ease-out,slideInUp 1.2s ease-out}.project-links a{animation:fadeIn 1.4s ease-out,slideInUp 1.4s ease-out;transition:all .3s ease}.feature-card{animation:fadeIn .5s ease-out,slideInRight .5s ease-out;transition:all .4s ease}.feature-card:hover{animation:float 3s ease-in-out infinite}.tech-card{transition:all .3s ease}.project-cta-section{animation:fadeIn 1.5s ease-out,slideInUp 1.5s ease-out}.cta-button:hover{animation:pulse 1.5s infinite}.scroll-top-btn{animation:fadeIn 1s ease-out}.scroll-top-btn:hover{animation:pulse 1.5s infinite}@keyframes dotMovement{0%{background-position:0 0,20px 20px;opacity:.2}25%{opacity:.3}50%{background-position:20px 0,0 20px;opacity:.4}75%{opacity:.3}to{background-position:0 0,20px 20px;opacity:.2}}@keyframes dotRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animated-dots-bg{height:200%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:200%;z-index:0}.animated-dots-bg:before{animation:dotMovement 20s linear infinite,dotRotation 200s linear infinite;background-image:radial-gradient(circle,#fff3 2.5px,#0000 0),radial-gradient(circle,#ffffff26 2px,#0000 0);background-position:0 0,20px 20px;background-size:200px 200px,190px 190px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.animated-dots-bg{height:100%;width:100%}.animated-dots-bg:before{background-size:100px 100px,90px 90px}}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.btn-glass,.btn-glass:hover{animation:pulse 1.5s infinite,borderGlow 4s infinite}.page-spin{animation:spinGlow 2s linear infinite}:root{--forground-color:#fbf8ef;--caribbean-current:#006466;--midnight-green:#065a60;--midnight-green-2:#0b525b;--midnight-green-3:#144552;--charcoal:#1b3a4b;--prussian-blue:#212f45;--space-cadet:#272640;--dark-purple:#312244;--dark-purple-2:#3e1f47;--palatinate:#4d194d;--dark-color:#333;--glass-background:#212f4580;--glass-border:#ffffff1a;--glass-shadow:#0000004d;--glass-blur:10px}.glass-effect{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#212f4580;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0000004d}body{background:linear-gradient(135deg,#1b3a4b,#212f45);background:linear-gradient(135deg,var(--charcoal),var(--prussian-blue));color:#fbf8ef;color:var(--forground-color);font-family:Cairo,sans-serif;min-height:100vh}#error{font-size:50px;font-weight:700;margin:200px auto;text-align:center}.dash-sel-page{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#1b3a4b4d;border-radius:0 0 15px 0;flex:1 1;overflow-x:hidden;overflow-y:auto;width:calc(100% - 300px)}.dash-sel-page-loading{align-items:center;display:flex;justify-content:center}.dash-sel-page .title{border-bottom:5px solid #fbf8ef;border-bottom:5px solid var(--forground-color);margin:0 0 10px;position:relative}.dash-sel-page .title:before{background-color:#312244;background-color:var(--dark-purple);bottom:-5px;content:"";height:5px;position:absolute;width:35%}.dash-sel-page .title span{color:#b5b5b5;font-weight:400}@media (max-width:768px){.dash-sel-page{margin-left:5px}}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:#212f45;background-color:var(--prussian-blue)}::-webkit-scrollbar-thumb{background-color:#0b525b;background-color:var(--midnight-green-2)}::-webkit-scrollbar-thumb:hover{background-color:#144552;background-color:var(--midnight-green-3)}::-webkit-scrollbar-button{background-color:#333;background-color:var(--dark-color)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;box-shadow:inset 0 0 0 1000px #272640!important;box-shadow:0 0 0 1000px var(--space-cadet) inset!important;color:#fbf8ef!important;color:var(--forground-color)!important}::selection{background-color:#4d194d;background-color:var(--palatinate)}.toast{animation:fadeInToast .3s,fadeOutToast .3s 2.7s;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#272640b3;border:1px solid #ffffff1a;border-radius:4px;bottom:20px;box-shadow:0 8px 32px 0 #0000004d;color:#fbf8ef;color:var(--forground-color);padding:10px 20px;position:fixed;right:20px;z-index:1000}.spin-loading{border:5px solid #fbf8ef;border:5px solid var(--forground-color);border-radius:50%;border-top:5px solid #0000!important;height:75px;width:75px}.page-spin,.spin-loading{animation:spin-loading 1s linear infinite;background:#0000}.page-spin{border:15px solid #fbf8ef;border:15px solid var(--forground-color);border-radius:50%;border-top:15px solid #0000!important;height:200px;width:200px}@keyframes spin-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-page{display:flex;flex-direction:row;height:100vh}.dashboard-page .sidebar{align-items:flex-start;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#144552b3;border-right:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0003;display:flex;flex-direction:column;overflow:hidden;padding:25px}.dashboard-page .sidebar .header{align-items:center;display:flex;justify-content:center}.dashboard-page .sidebar .header img{width:30px}.dashboard-page .sidebar .header h1{font-size:23px;margin:0 0 0 16px}.dashboard-page .sidebar .navs{display:flex;flex-direction:column;margin-top:30px;width:100%}.dashboard-page .sidebar .navs .nav{align-items:center;border-radius:10px 0 0 10px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:flex;font-size:14px;justify-content:flex-start;margin-top:10px;padding:10px;text-decoration:none;transition:background-color .3s;width:calc(100% + 5px)}.dashboard-page .sidebar .navs .nav:not(.active-nav):hover{background-color:#0b525b;background-color:var(--midnight-green-2)}.dashboard-page .sidebar .navs .nav h2{font-weight:600;margin:0 0 0 15px}.active-nav{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#1b3a4bcc;border-left:3px solid #fbf8ef;border-left:3px solid var(--forground-color)}.active-nav h2{font-weight:700!important}.sidebar-mob{padding:5px!important;width:35px!important}@media (max-width:768px){.dashboard-page .sidebar.sidebar-mob{padding:5px!important;width:35px!important}}.dash-header{align-items:center;display:flex;justify-content:space-between;width:100%}.prof-btn{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#3e1f47b3;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 5px 15px #0003;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-weight:800;outline:none;padding:10px 20px;transition:.3s}.prof-btn:hover{background:#312244e6;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.profile-page{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;padding:25px;width:100%}@media (max-width:768px){.profile-page{padding:15px 15px 15px 0}}.prof-f{align-items:stretch;display:flex;flex-direction:row;gap:10px;width:100%}.prof-f>div{width:50%}@media (max-width:768px){.prof-f{flex-direction:column;gap:20px}.prof-f>div{width:100%}}.profile-page .input-field,.projects-page .input-field,.settings-page .input-field{align-items:flex-start;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#212f4599;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px 0 #0003;display:flex;flex-direction:column;margin-top:10px;padding:15px}.profile-page .input-field label,.projects-page .input-field label,.settings-page .input-field label{font-weight:800}.profile-page .input-field input,.profile-page .input-field textarea,.projects-page .input-field input,.projects-page .input-field textarea,.settings-page .input-field input,.settings-page .input-field textarea{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#27264099;border:1px solid #ffffff26;border-radius:8px;box-sizing:border-box;color:#fbf8ef;color:var(--forground-color);font-size:16px;font-weight:500;margin-top:10px;outline:none;padding:10px 15px;transition:.3s;width:100%}.profile-page .input-field input:focus,.profile-page .input-field textarea:focus,.projects-page .input-field input:focus,.projects-page .input-field textarea:focus,.settings-page .input-field input:focus,.settings-page .input-field textarea:focus{background:#312244b3;border:1px solid #ffffff4d;box-shadow:0 0 15px #31224480}.profile-page .input-field textarea,.projects-page .input-field textarea,.settings-page .input-field textarea{font-size:15px;line-height:1.5;max-height:300px;min-height:150px;overflow-y:auto;resize:vertical}.contacts>div{display:flex;flex-direction:column;gap:10px}@media (min-width:769px){.contacts>div{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.img-tech{border-left:3px solid #272640;border-left:3px solid var(--space-cadet);display:flex;flex-direction:column;padding-left:15px}@media (max-width:768px){.img-tech{border-left:none;border-top:3px solid #272640;border-top:3px solid var(--space-cadet);padding-left:0;padding-top:15px}}.user-img{align-items:center;align-self:center;background-color:#272640;background-color:var(--space-cadet);border:5px solid #312244;border:5px solid var(--dark-purple);border-radius:50%;display:flex;justify-content:center;margin-bottom:20px;position:relative}.user-img,.user-img img{height:250px;width:250px}.user-img img{border-radius:50%;object-fit:cover}.user-img .alt-img{font-size:150px;height:250px;width:250px}.user-img .alt-img,.user-img .chng-img{align-items:center;background-color:gray;border-radius:50%;display:flex;justify-content:center}.user-img .chng-img{bottom:0;cursor:pointer;height:fit-content;padding:5px;position:absolute;right:0;width:fit-content}.user-img .chng-img:hover{background-color:#8e8c8c}.tech-items{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:10px}.tech-item{align-items:center;background-color:#3e1f47;background-color:var(--dark-purple-2);border-radius:5px;display:flex;font-size:15px;padding:5px 10px}.tech-item:hover{background-color:#312244;background-color:var(--dark-purple)}.tech-item h4{margin:0 5px 0 0}.tech-item i{cursor:pointer}.profile-page h3{font-size:18px;margin-top:20px}.tech-add{align-items:center;display:flex;width:100%}.add-tech-btn{background-color:#312244;background-color:var(--dark-purple);border:2px solid #272640;border:2px solid var(--space-cadet);border-radius:8px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-weight:800;margin-left:10px;margin-top:10px;outline:none;padding:5px 10px}.add-tech-btn:hover{background-color:#3e1f47;background-color:var(--dark-purple-2)}.tech-logo{align-items:center;border:2px solid #4d194d;border:2px solid var(--palatinate);cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:10px;width:50px}.tech-logo img{height:100%;object-fit:cover;width:100%}.spin-loading-tech-logo{animation:spin-loading 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}.tech-item img{margin-right:10px}.contacts{border-top:3px solid #272640;border-top:3px solid var(--space-cadet);margin-top:30px}.cv-div{align-items:center;display:flex;justify-content:space-between;width:100%}.cv-div a{color:#bfbfbf;font-size:20px;font-weight:800;text-decoration:underline}.cv-div a span{margin-left:5px}.cv-div a:hover,.cv-div button{color:#fbf8ef;color:var(--forground-color)}.cv-div button{background-color:#312244;background-color:var(--dark-purple);border:2px solid #272640;border:2px solid var(--space-cadet);border-radius:8px;cursor:pointer;font-weight:800;margin-left:20px;outline:none;padding:5px 10px}.cv-div button:hover{background-color:#3e1f47;background-color:var(--dark-purple-2)}.sec-head{justify-content:flex-start!important;position:relative}.projects-page{align-items:flex-start;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#1b3a4b33;border-radius:12px;box-shadow:0 8px 32px 0 #0000001a;box-sizing:border-box;display:flex;flex-direction:column;padding:25px;width:100%}@media (max-width:768px){.projects-page{padding:15px 15px 15px 0}}.project-add-btn{align-items:center;display:flex;justify-content:center}.project-add-btn i{font-size:18px;margin-right:5px}.dash-sel-page .back-btn{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#3e1f47b3;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 5px 15px #0003;color:#fbf8ef;color:var(--forground-color);cursor:pointer;height:60px;margin-right:10px;outline:none}.dash-sel-page .back-btn:hover{background:#312244e6;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.prog-f{width:100%}.add-project-page{display:flex;flex-direction:column;width:100%}@media (max-width:768px){.projects-page .title{font-size:20px!important}}.add-pro-inputs{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}@media (max-width:768px){.add-pro-inputs{flex-direction:column}}.add-pro-inputs>div{width:50%}@media (max-width:768px){.add-pro-inputs>div{width:100%}}.add-pro-inputs .sec-pro{border-left:3px solid #272640;border-left:3px solid var(--space-cadet);border-top:none;margin-left:10px;margin-top:0;padding-left:10px;padding-top:0}@media (max-width:768px){.add-pro-inputs .sec-pro{border-left:none;border-top:3px solid #272640;border-top:3px solid var(--space-cadet);margin-left:0;margin-top:10px;padding-left:0;padding-top:10px}}.projects-page .thumb{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#27264080;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 32px 0 #0003;display:flex;height:500px;justify-content:center;overflow:hidden;position:relative;width:600px}@media (max-width:768px){.projects-page .thumb{height:210px;width:310px}}.projects-page .thumb .chng-img,.projects-page .thumb .upload-img{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#808080b3;border:1px solid #fff3;border-radius:50%;box-shadow:0 5px 15px #0000004d;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:flex;font-size:22px;height:60px;justify-content:center;width:60px}.projects-page .thumb .chng-img{border-radius:50% 0 0 0;bottom:-3px;font-size:18px;height:30px;position:absolute;right:-3px;width:30px}.projects-page .thumb .chng-img:hover,.projects-page .thumb .upload-img:hover{background:#a5a4a4cc;box-shadow:0 8px 20px #0006;transform:scale(1.05)}.projects-page .thumb img{height:100%;object-fit:cover;object-position:top;width:100%}.tech-selection{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around}@media (max-width:768px){.tech-selection{flex-direction:column}}.tech-selection h2{font-size:18px}.select-technologies{border-top:3px solid #272640;border-top:3px solid var(--space-cadet);margin-top:10px}.tech-selection .tech-item{cursor:pointer;margin-top:5px}.sec-pro .input-field{align-items:center;display:flex;flex-direction:row;justify-content:center}.sec-pro .input-field button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#312244b3;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 5px 15px #0003;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-weight:800;margin-left:10px;margin-top:10px;outline:none;padding:8px 15px;transition:all .3s ease}.sec-pro .input-field button:hover{background:#3e1f47e6;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.sec-pro .features-list .feature-item{align-items:center;display:flex;justify-content:space-between;margin-top:5px;padding:5px}.sec-pro .features-list .feature-item:hover{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0b525b80;border-radius:6px;box-shadow:0 4px 12px #0000001a}.sec-pro .features-list .feature-item div{display:flex;flex-direction:row}.sec-pro .features-list .feature-item button{align-items:center;border:none;border-radius:50%;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;margin-right:3px;outline:none;padding:4px;width:25px}.sec-pro .features-list .feature-item .edit-fea{background-color:#272640;background-color:var(--space-cadet)}.sec-pro .features-list .feature-item .edit-fea:hover{background-color:#333;background-color:var(--dark-color)}.sec-pro .features-list .feature-item .delete-fea{background-color:#bc362c}.sec-pro .features-list .feature-item .delete-fea:hover{background-color:#f44336}.sec-pro .features-list .feature-item span{line-break:anywhere}.add-project-page .prof-btn{align-self:self-end;margin-top:10px}.all-projects-page{display:flex;flex-direction:column;flex-wrap:wrap}.all-projects-page .project{animation:fadeInUp .6s ease-out;animation-fill-mode:both;background-color:#212f45;background-color:var(--prussian-blue);border:4px solid #312244;border:4px solid var(--dark-purple);border-radius:8px;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d;display:flex;flex-direction:column;margin:10px;transition:transform .3s,box-shadow .3s;width:fit-content}.all-projects-page .project:hover{box-shadow:0 12px 18px -2px #32325d59,0 6px 10px -3px #0006;transform:translateY(-5px)}.projects-container .project:first-child{animation-delay:.1s}.projects-container .project:nth-child(2){animation-delay:.15s}.projects-container .project:nth-child(3){animation-delay:.2s}.projects-container .project:nth-child(4){animation-delay:.25s}.projects-container .project:nth-child(5){animation-delay:.3s}.projects-container .project:nth-child(6){animation-delay:.35s}.projects-container .project:nth-child(7){animation-delay:.4s}.projects-container .project:nth-child(8){animation-delay:.45s}.projects-container{animation:fadeIn .8s ease-out;display:flex;flex-wrap:wrap;justify-content:center}.all-projects-page .project h5{font-size:22px;margin:0}.all-projects-page .project h5,.all-projects-page .project p{border-bottom:2px solid #272640;border-bottom:2px solid var(--space-cadet);width:210px}.all-projects-page .project p{height:150px;overflow:hidden}.all-projects-page .project .pro-img{border-radius:8px 8px 0 0;height:150px;overflow:hidden;transition:all .4s ease;width:250px}.project:hover .pro-img img{filter:brightness(1.1);transform:scale(1.05);transition:all .4s ease}.all-projects-page .project img{width:250px}.all-projects-page .project .pro-con{padding:20px}.all-projects-page .project .pro-btns{align-items:center;display:flex;justify-content:space-around}.all-projects-page .project .pro-btns button{background-color:#312244;background-color:var(--dark-purple);border:2px solid #272640;border:2px solid var(--space-cadet);border-radius:8px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-weight:800;outline:none;padding:5px 10px}.all-projects-page .project .pro-btns button:hover{background-color:#3e1f47;background-color:var(--dark-purple-2)}.project-actions{margin-left:30px;position:absolute;right:0}.project-actions .dots-btn{background-color:#1b3a4b;background-color:var(--charcoal);border:none;border-radius:50%;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-size:20px;height:40px;outline:none;position:relative;width:40px}.project-actions .dots-btn:hover{background-color:#006466;background-color:var(--caribbean-current)}.project-actions .action-menu{align-items:start;background-color:#0b525b;background-color:var(--midnight-green-2);border:3px solid #312244;border:3px solid var(--dark-purple);border-radius:8px;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:5px 5px 0;position:absolute;right:0;top:40px;z-index:20}.project-actions .action-menu button{border:none;cursor:pointer;font-weight:700;margin-bottom:5px;outline:none;padding:3px 5px;width:100%}.project-actions .action-menu button:first-child{background-color:#312244;background-color:var(--dark-purple);color:#fbf8ef;color:var(--forground-color)}.project-actions .action-menu button:first-child:hover{background-color:#3e1f47;background-color:var(--dark-purple-2)}.project-actions .action-menu button:last-child{background-color:#bc362c}.project-actions .action-menu button:last-child:hover{background-color:#f44336}.prog-f .project-detail-page{display:flex;flex-direction:row;justify-content:space-between}@media (max-width:768px){.prog-f .project-detail-page{display:flex;flex-direction:column}}.prog-f .project-detail-page>div:last-child{margin-left:20px}.prog-f .project-detail-page .pro-thumb{border:5px solid #312244;border:5px solid var(--dark-purple);border-radius:10px;height:fit-content;overflow:hidden;width:600px}.prog-f .project-detail-page .pro-thumb img{margin-bottom:-10px;width:600px}@media (max-width:768px){.prog-f .project-detail-page .pro-thumb{height:190px;width:290px}.prog-f .project-detail-page .pro-thumb img{width:290px}.prog-f .project-detail-page>div:last-child{margin-left:0}}.pro-det-sec{align-items:flex-start;background-color:#212f45;background-color:var(--prussian-blue);border:2px solid #333;border:2px solid var(--dark-color);border-radius:8px;display:flex;flex-direction:column;margin-top:10px;padding:10px}.prog-f .project-detail-page .links{flex-direction:row!important;justify-content:space-around!important}.prog-f .project-detail-page .links a{background-color:#333;background-color:var(--dark-color);border:2px solid #312244;border:2px solid var(--dark-purple);border-radius:8px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-size:20px;padding:10px 15px;text-decoration:none;transition:.3s}.prog-f .project-detail-page .links a:hover{background-color:#404040}.prog-f .project-detail-page .links a span{margin-left:10px}.prog-f .project-detail-page .pro-det-title{font-size:20px;font-weight:800}.prog-f .project-detail-page .pro-det-fea{margin:5px;padding:5px;position:relative}.prog-f .project-detail-page .pro-det-fea:hover{background-color:#4d194d;background-color:var(--palatinate)}.prog-f .project-detail-page .pro-det-fea::selection{background-color:#272640;background-color:var(--space-cadet)}.prog-f .project-detail-page .pro-det-fea:before{background-color:#4d194d;background-color:var(--palatinate);bottom:0;content:"";height:100%;left:-5px;position:absolute;width:5px}.prog-f .project-detail-page .tech-list{align-items:center!important;display:flex;flex-direction:row;flex-wrap:wrap!important;justify-content:flex-start!important}.prog-f .project-detail-page .tech-item{margin:5px}.settings-page{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;padding:25px;width:100%}@media (max-width:768px){.settings-page{padding:15px 15px 15px 0}}.logout-section{display:flex;justify-content:flex-end;margin-top:40px;width:100%}.logout-btn{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#4d194db3;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 5px 15px #0003;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:10px 20px;transition:.3s}.logout-btn:hover{background:#c93030cc;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.logout-btn i{font-size:18px}.home-page{align-items:flex-start;background:#1b3a4b33;border-radius:12px;box-shadow:0 8px 32px 0 #0000001a;box-sizing:border-box;gap:25px;padding:25px;width:100%}.home-page,.welcome{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column}.welcome{background:#065a6099;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;overflow:hidden;padding:0!important;z-index:1}.welcome-sub{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#272640b3;border-bottom:1px solid #4d194d80;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;padding:20px}.welcome-sub img{height:auto;margin-left:20px;transition:transform .3s ease;width:120px}.welcome-sub img:hover{transform:scale(1.05)}.section-title{font-size:22px;font-weight:700;margin:0;padding-left:5px}.portfolio-page .section-title:after{display:none}.sub-para{color:#9a9a9a;font-weight:600;line-height:1.5;margin:5px 0 0}.profile-img{left:20px;position:absolute;top:-25%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.profile-img:hover{transform:translateY(-50%) scale(1.05)}.profile-img img{border:5px solid #065a60;border:5px solid var(--midnight-green);border-radius:50%;box-shadow:0 4px 10px #0000004d;height:70px;object-fit:cover;width:70px}.welcome-desc{background:#0003;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 8px 32px 0 #0000001a;flex-direction:column;margin:70px 20px 20px;padding:20px;position:relative}.welcome-desc,.welcome-desc-sub{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex}.welcome-desc-sub{background:#00000026;border-bottom:1px solid #3122444d;border-radius:8px;border-top:1px solid #3122444d;box-shadow:inset 0 2px 10px #0000001a;justify-content:space-around;margin-top:15px;padding:15px 0}.welcome-desc-sub p{color:#a7a7a7}.section3-title{color:#fbf8ef;color:var(--forground-color);font-size:20px;font-weight:700;margin:0;margin-top:5px!important}.welcome-desc-subT{flex-direction:column}.home-btn,.welcome-desc-subT{align-items:center;display:flex}.home-btn{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#3e1f47b3;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;gap:8px;margin-top:20px;padding:12px 20px;transition:all .3s ease;width:fit-content!important}.home-btn.view-all-projects:before{content:"\f03a"}.home-btn.view-profile:before{content:"\f007"}.home-btn.view-all-messages:before{content:"\f0e0"}.home-btn.view-analytics:before{content:"\f080"}.home-btn:before{font-family:Font Awesome\ 5 Free;font-weight:900}.home-btn:hover{background:#312244e6;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.card{display:flex;flex:1 1;flex-direction:column;gap:15px;margin-top:15px;max-height:300px;overflow:auto;padding-right:5px}.card::-webkit-scrollbar{width:4px}.card::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.card::-webkit-scrollbar-thumb{background:#4d194d;background:var(--palatinate);border-radius:10px}.project-sub{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0003;border-left:3px solid #4d194d;border-left:3px solid var(--palatinate);border-radius:0 8px 8px 0;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:flex;flex-direction:column;margin-bottom:10px;max-width:100%;padding:15px;transition:all .3s ease}.project-sub:hover{background:#0000004d;border-left:4px solid #4d194d;border-left:4px solid var(--palatinate);box-shadow:0 8px 20px #0000004d;transform:translateX(5px)}.message-sub{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0003;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;margin-bottom:10px;max-width:100%;transition:all .3s ease}.message-sub:hover{background:#0000004d;border-left:4px solid #4d194d;border-left:4px solid var(--palatinate);box-shadow:0 8px 20px #0000004d;transform:translateX(5px)}.analytics-summary,.latest-projects,.recent-messages{display:flex;flex-direction:column;height:100%}.latest-projects{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#212f4580;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px 0 #0000004d;height:fit-content;padding:1.5rem;position:relative}.latest-projects:after{background:radial-gradient(circle at top right,#ffffff1a 0,#0000 70%);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.analytics-summary>div:first-child,.latest-projects>div:first-child,.recent-messages>div:first-child{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.secs{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px;width:100%}.grid-span-2{grid-column:span 3}.dashboard-config{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin-top:30px;padding:20px}.config-section{align-items:center;display:flex;flex-direction:row;gap:15px;margin-top:10px}@media (max-width:768px){.config-section{align-items:flex-start;flex-direction:column}}.config-item{border-left:2px solid #ffffff1a;border-top:none;display:flex;flex-direction:column;gap:5px;padding-left:10px;padding-top:0}@media (max-width:768px){.config-item{border-left:none;border-top:2px solid #ffffff1a;padding-left:0;padding-top:10px!important}}.config-item label{color:#ccc;font-size:14px}.config-item input{background:#0003;border:1px solid #fff3;border-radius:5px;color:#fff;font-size:16px;max-width:200px;padding:8px 12px;width:100%}.custom-number-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#1e1e3299!important;border:1px solid #ffffff1a!important;border-radius:5px;color:#fff;font-size:16px;margin:0 5px;padding:8px 0!important;position:relative;text-align:center;width:60px!important}.custom-number-input::-webkit-inner-spin-button,.custom-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-container{align-items:center;display:flex;justify-content:flex-start;margin-top:5px;max-width:200px}.number-btn{align-items:center;background:linear-gradient(145deg,#2b5876,#4e4376);border:none;border-radius:5px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.number-btn:hover{background:linear-gradient(145deg,#4e4376,#2b5876);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.number-btn:active{box-shadow:0 2px 3px #0003;transform:translateY(0)}.number-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.number-btn.increment{background:linear-gradient(145deg,#4e4376,#2b5876)}.number-btn.decrement,.theme-button{background:linear-gradient(145deg,#2b5876,#4e4376)}.theme-button{border:none;border-radius:5px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;max-width:200px;padding:10px 15px;transition:all .3s ease}.theme-button:hover{background:linear-gradient(145deg,#4e4376,#2b5876);box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.theme-button:disabled{background:#555;box-shadow:none;cursor:not-allowed;transform:none}.save-config-btn{height:fit-content;margin-top:10px;max-width:200px}.toggle-item{align-items:center;display:flex;justify-content:space-between;margin:15px 0;padding:0 10px}.toggle-item label{color:#fbf8ef;color:var(--forground-color);font-size:.9rem;margin-right:15px}.switch{display:inline-block;height:30px;margin-left:10px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#272640;background-color:var(--space-cadet);bottom:0;box-shadow:inset 0 0 5px #0003;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fbf8ef;background-color:var(--forground-color);bottom:4px;box-shadow:0 2px 5px #0003;content:"";height:22px;left:4px;width:22px}input:checked+.slider{background:linear-gradient(145deg,#006466,#065a60);background:linear-gradient(145deg,var(--caribbean-current),var(--midnight-green))}input:focus+.slider{box-shadow:0 0 1px #0b525b;box-shadow:0 0 1px var(--midnight-green-2)}input:checked+.slider:before{transform:translateX(30px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch:hover .slider:before{box-shadow:0 0 8px #312244;box-shadow:0 0 8px var(--dark-purple)}.switch input:disabled+.slider{cursor:not-allowed;opacity:.6}[data-theme=dark] .slider{background-color:#3e1f47;background-color:var(--dark-purple-2)}[data-theme=dark] .slider:before{background-color:#fbf8ef;background-color:var(--forground-color)}[data-theme=dark] input:checked+.slider{background:linear-gradient(145deg,#006466,#0b525b);background:linear-gradient(145deg,var(--caribbean-current),var(--midnight-green-2))}@media (max-width:768px){.secs{gap:20px;grid-template-columns:1fr}.grid-span-2{grid-column:span 1}.welcome-sub{align-items:flex-start;flex-direction:column;gap:15px}.welcome-sub img{align-self:center;margin-left:0}.profile-img{left:50%;transform:translate(-50%,-50%)}.profile-img:hover{transform:translate(-50%,-50%) scale(1.05)}.welcome-desc{margin-top:90px;text-align:center}.home-page{padding:8px}}.analytics-summary{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#065a6099;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;display:flex;flex-direction:column;overflow:hidden;padding:0!important;z-index:1}.analytics-stats-wrapper{gap:15px;margin-top:10px}.analytics-stats-row{display:flex;gap:15px;justify-content:space-between}.analytics-stats-item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0003;border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex:1 1;padding:15px}.analytics-stats-item:hover{background:#0000004d;border:1px solid #ffffff1a;box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.stats-icon{background:linear-gradient(135deg,#312244,#4d194d);background:linear-gradient(135deg,var(--dark-purple) 0,var(--palatinate) 100%);box-shadow:0 4px 8px #00000040;color:#fbf8ef;color:var(--forground-color);font-size:1.2rem;height:45px;margin-right:15px;width:45px}.analytics-summary .welcome-sub{background:#272640b3}.analytics-summary .welcome-sub img{height:auto;width:100px}@media (max-width:768px){.analytics-stats-row{flex-direction:column}}.device-browser-stats,.top-project,.traffic-source{margin-top:1rem}.analytics-stats-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%}.analytics-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.analytics-stats-item{align-items:center;background:#212f454d;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.analytics-stats-item:hover{background:#212f4580;transform:translateY(-2px)}.stats-icon{align-items:center;background:#4d194d4d;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.stats-icon i{color:#fbf8ef;color:var(--forground-color);font-size:1.2rem}.stats-content{flex:1 1}.stats-content h3{color:#fbf8ef;color:var(--forground-color);font-size:1.2rem;margin:0}.stats-content p{color:#fbf8efb3;font-size:.9rem;margin:.25rem 0 0}@media (max-width:768px){.analytics-stats-row{grid-template-columns:1fr}}.portfolio-page{background:linear-gradient(135deg,#1b3a4b,#212f45);background:linear-gradient(135deg,var(--charcoal),var(--prussian-blue));color:#fbf8ef;color:var(--forground-color);font-family:Cairo,sans-serif;min-height:100vh}.portfolio-loading{height:100vh}.portfolio-header,.portfolio-loading{align-items:center;display:flex;justify-content:center}.portfolio-header{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:linear-gradient(90deg,#312244b3,#144552b3);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0003;height:calc(100vh - 186.6px);padding:60px 20px;text-align:center}.profile-container{align-items:center;display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px}@media (min-width:768px){.profile-container{flex-direction:row;gap:50px;text-align:left}}.profile-image{border:3px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 32px #0006,inset 0 0 0 5px #2726404d;height:200px;overflow:hidden;transition:all .3s ease;width:200px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:15px}.profile-info h1{color:#fbf8ef;color:var(--forground-color);font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.profile-bio{color:#e0e0e0;font-size:1.1rem;line-height:1.6;max-width:600px}.contact-btn{align-self:flex-start;background-color:#4d194d;background-color:var(--palatinate);border:none;border-radius:5px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin-top:10px;padding:10px 20px;transition:.3s}.contact-btn:hover{background-color:#312244;background-color:var(--dark-purple);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.portfolio-projects,.portfolio-technologies{margin:0 auto;max-width:1200px;padding:60px 20px}.section-title{display:inline-block;font-size:2rem;margin-bottom:40px;padding-bottom:10px;position:relative}.home-sec-t{margin:0!important}.section-title:after{background-color:#4d194d;background-color:var(--palatinate);bottom:0;content:"";height:3px;left:0;position:absolute;width:80%}.welcome-sub p{margin:0 0 30px!important}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:#272640;background-color:var(--space-cadet);border-radius:10px;box-shadow:0 6px 12px #0003;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:0 12px 20px #0000004d;transform:translateY(-5px)}.project-thumbnail{height:200px;overflow:hidden}.project-thumbnail img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.project-card:hover .project-thumbnail img{transform:scale(1.05)}.project-thumbnail-placeholder{align-items:center;background-color:#3e1f47;background-color:var(--dark-purple-2);display:flex;justify-content:center}.project-thumbnail-placeholder i{color:#fbf8ef;color:var(--forground-color);font-size:3rem}.project-info{display:flex;flex:1 1;flex-direction:column;padding:20px}.project-title{color:#fbf8ef;color:var(--forground-color);font-size:1.5rem;margin:0 0 10px}.project-summary{color:#d0d0d0;flex:1 1;line-height:1.5;margin-bottom:15px}.project-techs{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-tag{align-items:center;background-color:#0b525b;background-color:var(--midnight-green-2);border-radius:5px;color:#fbf8ef;color:var(--forground-color);display:flex;font-size:.8rem;gap:5px;padding:5px 10px}.tech-tag img{height:18px;object-fit:contain;width:18px}.more-tech{background-color:#312244;background-color:var(--dark-purple)}.technologies-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.technology-item{align-items:center;background-color:#272640;background-color:var(--space-cadet);border-radius:10px;display:flex;flex-direction:column;padding:20px 10px;text-align:center;transition:transform .3s,box-shadow .3s;width:120px}.technology-item:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.technology-item img{height:60px;margin-bottom:10px;object-fit:contain;width:60px}.no-projects,.no-technologies{color:#a0a0a0;font-style:italic;text-align:center}.portfolio-footer{background-color:#312244;background-color:var(--dark-purple);color:#fbf8ef;color:var(--forground-color);padding:30px 20px;text-align:center}.portfolio-footer p{font-size:.9rem;margin:0}@media (max-width:768px){.portfolio-header{padding:40px 15px}.profile-image{height:150px;width:150px}.profile-info h1{font-size:2rem}.profile-bio{font-size:1rem}.portfolio-projects,.portfolio-technologies{padding:40px 15px}.projects-grid{grid-template-columns:1fr}.project-details-content{padding:20px}}.splash-screen{align-items:center;animation:gradient 15s ease infinite;background:linear-gradient(135deg,#312244,#1b3a4b,#144552);background:linear-gradient(135deg,var(--dark-purple),var(--charcoal),var(--midnight-green-3));background-size:400% 400%;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity 5s ease-out;width:100%;z-index:9999}.splash-screen.fade-out{opacity:0}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.splash-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.logo-container{margin-bottom:50px;text-align:center}.logo{display:flex;font-size:4rem;font-weight:700;margin-bottom:1rem}.logo-letter{animation:fadeInUp .8s ease forwards;color:#fbf8ef;color:var(--forground-color);display:inline-block;opacity:0;text-shadow:2px 4px 6px #0000004d;transform:translateY(20px)}.logo-letter:first-child{animation-delay:.1s}.logo-letter:nth-child(2){animation-delay:.2s}.logo-letter:nth-child(3){animation-delay:.3s}.logo-letter:nth-child(4){animation-delay:.4s}.logo-letter:nth-child(5){animation-delay:.5s}.logo-letter:nth-child(6){animation-delay:.6s}.logo-letter:nth-child(7){animation-delay:.7s}.logo-letter:nth-child(8){animation-delay:.8s}.tagline{animation:fadeIn 1s ease 1.2s forwards;color:#fbf8ef;color:var(--forground-color);font-size:1.5rem;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.loader{height:5px;width:300px}.loader-bar{animation:loadingBar 2.5s ease-in-out .8s forwards;background:linear-gradient(90deg,#4d194d,#006466);background:linear-gradient(90deg,var(--palatinate),var(--caribbean-current));border-radius:10px;height:100%;width:0}@keyframes loadingBar{0%{width:0}50%{width:60%}80%{width:80%}to{width:100%}}.splash-screen:after{animation:ripple 2s ease-out 2s forwards;background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes ripple{0%{height:0;opacity:1;width:0}to{height:500px;opacity:0;width:500px}}.project-page{background:linear-gradient(135deg,#1b3a4b,#212f45);background:linear-gradient(135deg,var(--charcoal),var(--prussian-blue));color:#fbf8ef;color:var(--forground-color);min-height:100vh;position:relative}.project-page-loading{align-items:center;display:flex;height:100vh;justify-content:center}.project-scroll-progress{background:linear-gradient(90deg,#4d194d,#006466);background:linear-gradient(90deg,var(--palatinate),var(--caribbean-current));height:4px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.project-back-btn{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#00000080;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 5px 15px #0003;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:flex;font-size:16px;gap:10px;left:20px;padding:10px 20px;position:fixed;top:20px;transition:all .3s ease;z-index:100}.project-back-btn:hover{background:#0b525bb3;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.project-hero{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;display:flex;height:70vh;justify-content:center;position:relative;width:100%}.project-hero-overlay{background:linear-gradient(0deg,#1b3a4b,#272640cc);bottom:0;left:0;position:absolute;right:0;top:0}.project-hero-content{padding:20px;position:relative;text-align:center;z-index:2}.project-hero-content h1{animation:fadeInUp 1s ease-out;font-size:4rem;font-weight:700;margin:0;text-shadow:2px 4px 10px #000000b3}.project-container{margin:0 auto;max-width:1200px;padding:50px 20px}.project-details-section{animation:fadeIn 1s ease-out .2s both;margin-bottom:80px}.project-description-box{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#27264099;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px 0 #0000004d;box-shadow:0 10px 30px #0003;margin-top:-100px;padding:40px;position:relative;z-index:3}.project-description-box h2{display:inline-block;font-size:2rem;margin-bottom:20px;margin-top:0;padding-bottom:10px;position:relative}.project-description-box h2:after{background-color:#4d194d;background-color:var(--palatinate);bottom:0;content:"";height:3px;left:0;position:absolute;width:60%}.project-description{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.project-links{display:flex;flex-wrap:wrap;gap:15px}.project-link{align-items:center;background-color:#4d194d;background-color:var(--palatinate);border:none;border-radius:30px;box-shadow:0 5px 15px #0003;cursor:pointer;display:inline-flex;font-weight:600;gap:10px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.demo-link,.project-link{color:#fbf8ef;color:var(--forground-color)}.demo-link{background-color:#0b525b;background-color:var(--midnight-green-2)}.demo-link:hover{background-color:#144552;background-color:var(--midnight-green-3);box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.github-link{background-color:#3e1f47;background-color:var(--dark-purple-2);color:#fbf8ef;color:var(--forground-color)}.github-link:hover{background-color:#312244;background-color:var(--dark-purple);box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.project-features-section{animation:fadeIn 1s ease-out .4s both;margin:80px 0}.features-container h2{display:inline-block;font-size:2rem;margin-bottom:40px;padding-bottom:10px;position:relative}.features-container h2:after{background-color:#4d194d;background-color:var(--palatinate);bottom:0;content:"";height:3px;left:0;position:absolute;width:60%}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.feature-card{align-items:flex-start;background-color:#144552;background-color:var(--midnight-green-3);border-radius:10px;box-shadow:0 5px 20px #00000026;display:flex;gap:20px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.feature-icon{align-items:center;background-color:#3e1f47;background-color:var(--dark-purple-2);border-radius:50%;color:#fbf8ef;color:var(--forground-color);display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.feature-text h3{font-size:1.2rem;margin-bottom:10px;margin-top:0}.feature-text p{color:#d0d0d0;line-height:1.6;margin:0}.project-technologies-section{animation:fadeIn 1s ease-out .6s both;margin:80px 0}.project-technologies-section h2{display:inline-block;font-size:2rem;margin-bottom:40px;padding-bottom:10px;position:relative}.project-technologies-section h2:after{background-color:#4d194d;background-color:var(--palatinate);bottom:0;content:"";height:3px;left:0;position:absolute;width:60%}.technologies-container{background-color:#272640;background-color:var(--space-cadet);border-radius:10px;box-shadow:0 10px 30px #0003;padding:40px}.tech-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.tech-card{align-items:center;background-color:#0b525b;background-color:var(--midnight-green-2);border-radius:10px;display:flex;flex-direction:column;min-width:120px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.tech-card:hover{box-shadow:0 8px 20px #00000040;transform:translateY(-5px)}.tech-card img{height:60px;margin-bottom:15px;object-fit:contain;width:60px}.tech-card span{font-weight:500;text-align:center}.project-screenshot-section{animation:fadeIn 1s ease-out .8s both;margin:80px 0}.project-screenshot-section h2{display:inline-block;font-size:2rem;margin-bottom:40px;padding-bottom:10px;position:relative}.project-screenshot-section h2:after{background-color:#4d194d;background-color:var(--palatinate);bottom:0;content:"";height:3px;left:0;position:absolute;width:60%}.screenshot-container{border-radius:10px;box-shadow:0 15px 40px #0000004d;overflow:hidden;transition:transform .3s ease}.screenshot-container:hover{transform:scale(1.01)}.project-screenshot{display:block;height:auto;width:100%}.project-cta-section{animation:fadeIn 1s ease-out 1s both;margin:100px 0 50px;text-align:center}.project-cta-section h2{font-size:2rem;margin-bottom:30px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-button{background-color:#4d194d;background-color:var(--palatinate);border:none;border-radius:50px;box-shadow:0 5px 15px #0003;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.cta-button.secondary{background-color:#144552;background-color:var(--midnight-green-3)}.cta-button.secondary:hover{background-color:#0b525b;background-color:var(--midnight-green-2)}.project-footer{background-color:#312244;background-color:var(--dark-purple);padding:30px 20px;position:relative;text-align:center}.project-footer p{font-size:.9rem;margin:0}.scroll-top-btn{background-color:#4d194d;background-color:var(--palatinate);border:none;box-shadow:0 5px 15px #0000004d;color:#fbf8ef;color:var(--forground-color);left:50%;position:absolute;top:-25px;transform:translateX(-50%)}.scroll-top-btn:hover{background-color:#3e1f47;background-color:var(--dark-purple-2);transform:translateX(-50%) translateY(-5px)}.project-not-found{align-items:center;background:linear-gradient(135deg,#1b3a4b,#212f45);background:linear-gradient(135deg,var(--charcoal),var(--prussian-blue));color:#fbf8ef;color:var(--forground-color);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.project-not-found h1{font-size:3rem;margin-bottom:20px}.project-not-found button{background-color:#4d194d;background-color:var(--palatinate);border:none;border-radius:30px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-size:1.1rem;padding:15px 30px;transition:all .3s ease}.project-not-found button:hover{background-color:#3e1f47;background-color:var(--dark-purple-2);box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.project-hero-content h1{font-size:2.5rem}.project-description-box{margin-top:-50px;padding:30px}.features-grid{grid-template-columns:1fr}.project-links{flex-direction:column;width:calc(100% - 60px)}.project-link{justify-content:center;text-align:center;width:100%}.cta-buttons{flex-direction:column}}.portfolio-tabs-container{background-color:#272640;background-color:var(--space-cadet);box-shadow:0 4px 10px #0003;padding:0 20px;position:sticky;top:0;transition:transform .4s ease,opacity .4s ease;z-index:100}.portfolio-tabs-container.tabs-hidden{opacity:0;transform:translateY(-100%)}.tabs-wrapper{margin:0 auto;max-width:1200px}.portfolio-tabs{display:flex;gap:10px;justify-content:center;padding:10px 0}.portfolio-tab{align-items:center;background:none;border:none;border-radius:5px;color:#b0b0b0;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:12px 25px;position:relative;transition:all .3s ease}.portfolio-tab i{font-size:1.2rem}.portfolio-tab:hover{background-color:#ffffff0d;color:#fbf8ef;color:var(--forground-color)}.portfolio-tab.active{background-color:#4d194d;background-color:var(--palatinate);color:#fbf8ef;color:var(--forground-color)}.portfolio-tab.active:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #4d194d;border-top:8px solid var(--palatinate);bottom:-10px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.portfolio-tab-content{min-height:50vh;padding:40px 0}@media (max-width:768px){.portfolio-tabs{flex-direction:column;gap:5px}.portfolio-tab{justify-content:center;width:100%}.portfolio-tab.active:after{display:none}.portfolio-tab.contact-tab{margin-left:0!important}}.portfolio-tab.contact-tab{background-color:#3e1f47;background-color:var(--dark-purple-2);color:#fbf8ef;color:var(--forground-color);margin-left:20px}.portfolio-tab.contact-tab:hover{background-color:#4d194d;background-color:var(--palatinate);transform:translateY(-2px)}.portfolio-contact{padding:40px 20px}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-greeting h3{color:#fbf8ef;color:var(--forground-color);display:inline-block;font-size:1.8rem;margin:0 0 15px;padding-bottom:10px;position:relative}.contact-greeting h3:after{background-color:#4d194d;background-color:var(--palatinate);bottom:0;content:"";height:3px;left:0;position:absolute;width:60%}.contact-greeting p{color:#d0d0d0;font-size:1.1rem;line-height:1.6}.contact-cv h4,.contact-email h4,.contact-social h4{color:#fbf8ef;color:var(--forground-color);font-size:1.3rem;margin:0 0 15px}.contact-link,.cv-download-link,.social-link{align-items:center;border-radius:5px;color:#fbf8ef;color:var(--forground-color);display:flex;gap:12px;padding:10px;text-decoration:none;transition:all .3s ease}.email-link{background-color:#272640;background-color:var(--space-cadet);border-radius:8px;padding:15px}.email-link:hover{box-shadow:0 8px 15px #0003;transform:translateY(-3px)}.email-link i{color:#4d194d;color:var(--palatinate);font-size:1.5rem}.social-links{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.social-link{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#27264099;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 5px 15px #0003;flex-direction:column;padding:20px 10px;text-align:center;transition:all .3s ease}.social-link:hover{border:1px solid #fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.social-icon{align-items:center;border-radius:50%;color:#fbf8ef;color:var(--forground-color);display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.social-link.github .social-icon{background-color:#333}.social-link.linkedin .social-icon{background-color:#0077b5}.social-link.facebook .social-icon{background-color:#1877f2}.social-icon i{font-size:1.8rem}.social-link span{font-weight:500}.cv-download-link{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#4d194db3;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 5px 15px #0003;display:inline-flex;font-weight:500;gap:10px;padding:15px 20px;transition:all .3s ease;width:fit-content}.cv-download-link:hover{background:#312244e6;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.cv-download-link i{font-size:1.3rem}.contact-card{align-items:center;display:flex;height:100%;justify-content:center;perspective:1000px}.contact-card-inner{border-radius:15px;box-shadow:0 15px 35px #0000004d;height:450px;margin:0 auto;transform-style:preserve-3d;transition:transform .8s;width:320px}.contact-card-front{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));backface-visibility:hidden;background:linear-gradient(145deg,#312244b3,#272640b3);border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;text-align:center;width:100%}.contact-avatar{border:3px solid #4d194db3;border-radius:50%;box-shadow:0 10px 20px #0000004d;height:150px;margin-bottom:25px;overflow:hidden;transition:all .3s ease;width:150px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.contact-avatar-placeholder{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0b525bb3;display:flex;height:100%;justify-content:center;width:100%}.contact-avatar-placeholder i{color:#fbf8ef;color:var(--forground-color);font-size:3.5rem}.contact-name{color:#fbf8ef;color:var(--forground-color);font-size:1.8rem;margin:0 0 5px}.contact-title{color:#b0b0b0;font-size:1.1rem;margin:0 0 30px}.contact-card-links{display:flex;gap:20px;margin-top:20px}.contact-card-links a{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:50%;color:#fbf8ef;color:var(--forground-color);display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.contact-card-links a:hover{background:#4d194dcc;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}@media (max-width:992px){.contact-container{grid-template-columns:1fr}.contact-card{margin-top:40px}}@media (max-width:768px){.contact-card-inner{height:400px;width:280px}}.portfolio-contact{margin:0 auto;max-width:1200px;padding:60px 20px}.contact-section-divider{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:40px}.contact-section-divider .section-title{margin:0;padding-bottom:0;text-align:center}.divider-line{background:linear-gradient(90deg,#0000,#4d194d,#0000);background:linear-gradient(90deg,#0000,var(--palatinate),#0000);flex-grow:1;height:2px;max-width:150px}.contact-container{grid-gap:40px;background-color:#272640;background-color:var(--space-cadet);border-radius:15px;box-shadow:0 15px 30px #0003;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:30px;padding:40px}@media (max-width:992px){.contact-container{gap:30px;grid-template-columns:1fr}.contact-card{display:none;margin-top:30px}}@media (max-width:768px){.portfolio-contact{padding:40px 15px}.contact-container{padding:25px 15px}.contact-section-divider{gap:10px}.divider-line{max-width:50px}.contact-section-divider .section-title{font-size:1.6rem}.contact-greeting h3{font-size:1.5rem}.contact-greeting p{font-size:1rem}.contact-cv h4,.contact-email h4,.contact-social h4{font-size:1.2rem}.social-links{display:flex;flex-wrap:wrap}.social-link{flex-direction:row;justify-content:flex-start;text-align:left}.social-icon{height:45px;margin-bottom:0;width:45px}.social-icon i{font-size:1.4rem}.contact-card-inner{height:380px;margin:0 auto;width:280px}.contact-avatar{height:120px;margin-bottom:20px;width:120px}.contact-name{font-size:1.6rem}.contact-card-links{gap:15px}.contact-card-links a{font-size:1.3rem;height:45px;width:45px}.email-link{font-size:.9rem;padding:12px}.email-link i{font-size:1.3rem}.cv-download-link{font-size:.9rem;padding:12px 15px}}@media (max-width:480px){.contact-container{padding:20px 12px}.contact-greeting h3{font-size:1.4rem}.contact-card-inner{height:350px;width:250px}.contact-avatar{height:100px;width:100px}.contact-title{margin-bottom:20px}.portfolio-contact{padding-bottom:20px}}.contact-direct-form{margin-top:30px}.send-message-btn{align-items:center;background-color:#4d194d;background-color:var(--palatinate);border:none;border-radius:8px;box-shadow:0 6px 15px #0003;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;padding:14px 25px;transition:all .3s ease}.send-message-btn:hover{background-color:#312244;background-color:var(--dark-purple);box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.send-message-btn i{font-size:1.2rem}.contact-form-section{background-color:#144552;background-color:var(--midnight-green-3);padding:60px 20px;position:relative}.contact-form-section:before{background:linear-gradient(90deg,#4d194d,#006466);background:linear-gradient(90deg,var(--palatinate),var(--caribbean-current));content:"";height:5px;left:0;position:absolute;right:0;top:0}.contact-form-wrapper{background-color:#272640;background-color:var(--space-cadet);border-radius:15px;box-shadow:0 15px 30px #00000040;margin:0 auto;max-width:800px;padding:40px}.form-header{margin-bottom:30px;text-align:center}.form-header h2{color:#fbf8ef;color:var(--forground-color);font-size:2rem;margin:0 0 10px}.form-header p{color:#d0d0d0;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.form-status{border-radius:8px;margin-bottom:20px;padding:12px 15px;text-align:center}.form-status.success{background-color:#27ae6033;border:1px solid #27ae60;color:#2ecc71}.form-status.error{background-color:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}.form-status.warning{background-color:#ff980026;border:1px solid #ff9800;color:#ff9800}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fbf8ef;color:var(--forground-color);font-size:1.1rem;font-weight:500}.form-group input,.form-group textarea{background-color:#ffffff0d;border:2px solid #0b525b;border:2px solid var(--midnight-green-2);border-radius:8px;color:#fbf8ef;color:var(--forground-color);font-family:inherit;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#4d194d;border-color:var(--palatinate);box-shadow:0 0 0 3px #9500ff33;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.submit-btn{align-items:center;background-color:#4d194d;background-color:var(--palatinate);border:none;border-radius:8px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:15px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background-color:#312244;background-color:var(--dark-purple);box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.submit-btn:disabled{box-shadow:none!important;cursor:not-allowed;transform:none!important}.submit-btn:disabled,.submit-btn:disabled:hover{background-color:#4d194d4d}.submit-btn i{font-size:1.2rem}.countdown-timer{background:#0000001a;border-radius:4px;font-size:.9rem;margin-top:10px;padding:8px;text-align:center}@media (max-width:768px){.contact-form-section{padding:40px 15px}.contact-form-wrapper{padding:30px 20px}.form-header h2{font-size:1.7rem}.form-group label,.form-header p{font-size:1rem}.form-group input,.form-group textarea{font-size:.95rem;padding:10px 12px}.submit-btn{font-size:1rem;padding:12px}}@media (max-width:480px){.contact-form-wrapper{padding:25px 15px}.form-group{gap:6px}.form-header{margin-bottom:20px}.form-header h2{font-size:1.5rem}}.contact-form-wrapper input,.contact-form-wrapper textarea{width:90%!important}.scroll-top-btn{align-items:center;background:#4d194dcc;border:1px solid #fff3;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:99}.scroll-top-btn:hover{background:#4d194d;box-shadow:0 6px 20px #0006;transform:translateY(-5px)}.portfolio-footer{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#212f4580;border-top:1px solid #ffffff1a;box-shadow:0 -8px 32px 0 #0003;margin-top:60px;padding:40px 0;position:relative}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.footer-brand{display:flex;flex-direction:column}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbf8ef,#006466);background:linear-gradient(to right,var(--forground-color),var(--caribbean-current));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-bottom:15px}.footer-brand p{font-size:14px;line-height:1.6;opacity:.8}.footer-connect h3,.footer-nav h3{display:inline-block;font-size:18px;margin-bottom:20px;position:relative}.footer-connect h3:after,.footer-nav h3:after{background:linear-gradient(90deg,#006466,#4d194d);background:linear-gradient(to right,var(--caribbean-current),var(--palatinate));border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.footer-nav ul{list-style:none;margin:0;padding:0}.footer-nav li{margin-bottom:12px}.footer-nav a{align-items:center;color:#fbf8ef;color:var(--forground-color);display:flex;font-size:15px;gap:8px;opacity:.7;text-decoration:none;transition:all .3s ease}.footer-nav a:hover{color:#006466;color:var(--caribbean-current);opacity:1;transform:translateX(5px)}.footer-social{display:flex;gap:15px;margin-top:20px}.footer-social a{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:50%;color:#fbf8ef;color:var(--forground-color);display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social a:hover{background:#4d194db3;border:1px solid #fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;font-size:14px;margin-top:30px;padding-bottom:20px;padding-top:30px;text-align:center}.footer-bottom p{margin:0}.footer-bottom a{font-weight:700;text-decoration:none;transition:color .3s ease}.footer-bottom a,.footer-bottom a:visited{color:#006466;color:var(--caribbean-current)}.footer-bottom a:hover{color:#98050f}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr;text-align:center}.footer-connect h3:after,.footer-nav h3:after{left:50%;transform:translateX(-50%)}.footer-nav a:hover{transform:translateX(0) scale(1.05)}.footer-social{justify-content:center}}.recent-messages{background-color:#272640;background-color:var(--space-cadet);border-radius:8px;box-shadow:0 8px 32px 0 #0000004d;height:fit-content;padding:20px}.message-sub{background-color:#00000026;border-left:3px solid #4d194d;border-left:3px solid var(--palatinate);border-radius:8px;cursor:pointer;margin-bottom:15px;padding:15px;transition:all .2s ease}.message-sub:hover{background-color:#00000040;box-shadow:0 5px 10px #0000001a;transform:translateY(-2px)}.message-sub:last-child{margin-bottom:0}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.message-sender{display:flex;flex-direction:column}.message-sender h3{font-size:1.1rem;margin:0 0 5px}.message-email{color:#9a9a9a;font-size:.9rem;margin-top:2px}.message-date{background-color:#0003;border-radius:4px;color:#9a9a9a;font-size:.8rem;padding:3px 8px}.message-status{margin:5px 0 10px}.status-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:3px 8px;text-transform:uppercase}.status-new{background-color:#9500ff26;border:1px solid #4d194d;border:1px solid var(--palatinate);color:#4d194d;color:var(--palatinate)}.status-read{background-color:#00848926;border:1px solid #006466;border:1px solid var(--caribbean-current);color:#006466;color:var(--caribbean-current)}.status-replied{background-color:#2e1a4726;border:1px solid #312244;border:1px solid var(--dark-purple);color:#312244;color:var(--dark-purple)}.status-archived{background-color:#12263a26;border:1px solid #0b525b;border:1px solid var(--midnight-green-2);color:#0b525b;color:var(--midnight-green-2)}.no-items-message{background-color:#0000001a;border-radius:8px;color:#9a9a9a;padding:30px 20px;text-align:center}.contact-requests-page{display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;padding:20px}.dashboard-content-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.requests-filter{align-items:center;display:flex;gap:10px}.filter-select,.status-select{background-color:#272640;background-color:var(--space-cadet);border:1px solid #0b525b;border:1px solid var(--midnight-green-2);border-radius:6px;font-size:.9rem;padding:8px 12px}.filter-select,.refresh-btn,.status-select{color:#fbf8ef;color:var(--forground-color);cursor:pointer}.refresh-btn{align-items:center;background-color:#006466;background-color:var(--caribbean-current);border:none;border-radius:6px;display:flex;gap:8px;padding:8px 15px;transition:all .2s ease}.refresh-btn:hover{background-color:var(--dark-blue-green)}.requests-container{display:flex;gap:20px;height:calc(100% - 60px);overflow:hidden}.requests-list{background-color:#272640;background-color:var(--space-cadet);border-radius:10px;flex:1 1;overflow:auto;padding:20px;transition:all .3s ease}.requests-list.with-details{flex:0.6 1}.requests-count{color:#d0d0d0;margin-bottom:15px}.requests-table{overflow-x:auto;width:100%}.requests-table table{border-collapse:collapse;width:100%}.requests-table th{background-color:#144552;background-color:var(--midnight-green-3);border-bottom:2px solid var(--dark-blue-green);padding:12px 15px;text-align:left;white-space:nowrap}.requests-table td{border-bottom:1px solid #ffffff1a;padding:12px 15px;white-space:nowrap}.request-row{cursor:pointer;transition:all .2s ease}.request-row:hover{background-color:#0003}.request-row.new-request{background-color:#9500ff1a}.request-row.new-request:hover{background-color:#9500ff26}.status-indicator{border-radius:50%;display:inline-block;height:10px;margin-left:8px;width:10px}.actions-cell{display:flex;gap:8px;padding-bottom:18px!important}.delete-btn,.view-btn{background-color:initial;border:none;border-radius:4px;color:#fbf8ef;color:var(--forground-color);cursor:pointer;padding:5px;transition:all .2s ease}.view-btn{color:#006466;color:var(--caribbean-current)}.view-btn:hover{background-color:#00848933}.delete-btn{color:#e74c3c}.delete-btn:hover{background-color:#e74c3c33}.no-requests{align-items:center;color:#d0d0d0;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-requests i{font-size:3rem;margin-bottom:20px;opacity:.5}.request-details{background-color:#272640;background-color:var(--space-cadet);border-radius:10px;border-right:1px solid #ffffff1a;flex:0.4 1;overflow:auto;padding:20px}.details-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.close-details{background-color:initial;border:none;color:#fbf8ef;color:var(--forground-color);cursor:pointer;font-size:1.2rem;opacity:.7;transition:all .2s ease}.close-details:hover{opacity:1}.details-content{display:flex;flex-direction:column;gap:20px}.request-info{background-color:#00000026;border-radius:8px;padding:15px}.info-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.info-label{color:#d0d0d0;font-weight:600;min-width:120px}.info-value a{color:#006466;color:var(--caribbean-current);text-decoration:none;transition:all .2s ease}.info-value a:hover{text-decoration:underline}.status-dropdown{align-items:center;display:flex}.message-content{background-color:#00000026;border-radius:8px;display:flex;flex:1 1;flex-direction:column;max-height:400px;padding:15px}.message-content h4{align-items:center;color:#d0d0d0;display:flex;font-size:1.2rem;gap:8px;margin-bottom:10px;margin-top:0}.message-content h4:before{color:#4d194d;color:var(--palatinate);content:"\f4ad";font-family:Font Awesome\ 5 Free;font-weight:900}.message-text{background-color:#ffffff0d;border-left:4px solid #4d194d;border-left:4px solid var(--palatinate);border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;color:#fbf8ef;color:var(--forground-color);flex:1 1;font-size:1.05rem;line-height:1.6;overflow-y:auto;padding:18px;position:relative;white-space:pre-wrap}.message-text:before{content:open-quote;left:10px;top:0}.message-text:after,.message-text:before{color:#4d194d;color:var(--palatinate);font-size:2rem;opacity:.3;position:absolute}.message-text:after{bottom:0;content:close-quote;right:10px}.request-actions{display:flex;flex-wrap:wrap;gap:10px}.archive-btn,.reply-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:8px;justify-content:center;padding:10px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.reply-btn{background-color:#4d194d;background-color:var(--palatinate);color:#fbf8ef;color:var(--forground-color)}.reply-btn:hover{background-color:#312244;background-color:var(--dark-purple)}.archive-btn{background-color:#0b525b;background-color:var(--midnight-green-2);color:#fbf8ef;color:var(--forground-color)}.archive-btn:hover{background-color:#144552;background-color:var(--midnight-green-3)}@media (max-width:992px){.requests-container{flex-direction:column;height:auto;overflow:visible}.requests-list{max-height:50vh;overflow:auto}.requests-list.with-details{flex:1 1}.request-details{flex:1 1;max-height:50vh;overflow:auto}}@media (max-width:768px){.dashboard-content-header{align-items:flex-start;flex-direction:column}.actions-cell{flex-direction:row}}@media (max-width:576px){.requests-table{font-size:.9rem}.requests-table td,.requests-table th{padding:10px 8px}}.all-projects-page .project{border:1px solid #0000;cursor:grab;position:relative;transition:all .3s ease}.all-projects-page .project.dragging{border:1px dashed var(--main-color);box-shadow:0 0 15px #00000026;cursor:grabbing;opacity:.6;transform:scale(1.02);z-index:100}.drag-handle{align-items:center;color:#ccc;cursor:grab;display:flex;opacity:.5;padding:0 10px;transition:opacity .3s ease}.project:hover .drag-handle{opacity:1}.order-badge{background-color:#312244;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;margin-bottom:10px;padding:2px 8px}.order-instructions{background-color:#3122441a;border-left:4px solid #312244;border-radius:4px;box-shadow:0 0 10px #3122444d;margin-bottom:20px;padding:10px 15px}@keyframes glow{0%{box-shadow:0 0 0 #31224433}to{box-shadow:0 0 15px #31224480}}.order-instructions p{color:#ccc;font-size:.9rem;margin:0}.order-instructions i{color:#312244;margin-right:8px}.save-overlay{align-items:center;background-color:hsla(0,0%,99%,.292);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInToast{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutToast{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}
/*# sourceMappingURL=main.8ebff7c0.css.map*/