@import url(https://fonts.google.apis.com/css2?family=Poppins:wght@480;500;688&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0}body{background-color:#060417;color:#fff}
/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}.nav-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #eee;font-family:Courier New,Courier,monospace;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-wrapper.scrolled{background-color:#fffffffa;box-shadow:0 2px 10px #0000001a}.nav-content{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px;width:70%}.logo-btn,.nav-content{align-items:center;display:flex}.logo-btn{background:none;border:2px solid #ddd;cursor:pointer;justify-content:center;padding:8px;transition:all .3s ease;z-index:1001}.logo-btn:hover{border-color:#333;transform:translateY(-2px)}.logo-btn:active{transform:translateY(0)}.logo{border-radius:50%;filter:grayscale(100%);height:40px;object-fit:cover;transition:all .3s ease;width:40px}.logo-btn:hover .logo{filter:grayscale(0);transform:scale(1.1)}.contact-container,.social-links{align-items:center;display:flex}.social-links{gap:20px}.social-icon{align-items:center;background-color:#fff;border:2px solid #ddd;color:#333;display:flex;font-size:18px;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.social-icon:hover{background-color:#333;border-color:#333;color:#fff;transform:translateY(-2px)}.social-icon:active{transform:translateY(0)}.contact-btn{background-color:#fff;border:2px solid #333;color:#333;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.contact-btn:hover{background-color:#333;color:#fff;transform:translateY(-2px)}.contact-btn:active{transform:translateY(0)}.contact-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.contact-btn:hover:before{left:100%}.mobile-menu-btn{align-items:center;background:none;border:2px solid #ddd;color:#333;cursor:pointer;display:none;font-size:24px;justify-content:center;padding:8px;transition:all .3s ease;z-index:1001}.mobile-menu-btn:hover{border-color:#333}.mobile-menu-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{background-color:#fff;box-sizing:border-box;height:100%;max-width:300px;padding:80px 30px 30px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:70%}.mobile-menu-overlay.active .mobile-menu-content{transform:translateX(0)}.mobile-social-links{display:flex;flex-direction:column;gap:20px}.mobile-social-icon{align-items:center;background-color:#fff;border:2px solid #ddd;color:#333;display:flex;font-size:16px;gap:15px;padding:12px 15px;text-decoration:none;transition:all .3s ease}.mobile-social-icon:hover{background-color:#333;border-color:#333;color:#fff}.mobile-contact-btn{background-color:#fff;border:2px solid #333;color:#333;display:block;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:15px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.mobile-contact-btn:hover{background-color:#333;color:#fff}.nav-spacer{height:80px}@media (max-width:1024px){.nav-content{padding:12px 15px;width:90%}.social-links{gap:15px}.social-icon{font-size:16px;height:42px;width:42px}.contact-btn{font-size:13px;padding:10px 20px}}@media (max-width:768px){.nav-content{padding:10px 15px;width:100%}.contact-container{display:none}.mobile-menu-btn{display:flex}.nav-spacer{height:70px}}@media (max-width:480px){.nav-content{padding:8px 10px}.logo{height:35px;width:35px}.logo-btn{padding:6px}.mobile-menu-content{width:80%}.nav-spacer{height:60px}}.contact-btn:focus,.logo-btn:focus,.mobile-menu-btn:focus,.social-icon:focus{outline:2px solid #333;outline-offset:2px}.nav-wrapper{animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#Hero{align-items:center;box-sizing:border-box;color:#333;display:flex;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.6;margin:0 auto;max-width:1200px;min-height:80vh;padding:50px 20px;width:70%}.hero-container{width:100%}.hero-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 2fr}.hero-image-container{display:flex;justify-content:center}.hero-image{border:2px solid #333;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:280px;object-fit:cover;width:280px}.hero-text{text-align:left}.header-container{margin-bottom:20px}.header-container h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.hero-tagline{margin-bottom:30px}.hero-tagline h2{color:#666;font-size:1.8rem;font-weight:400;letter-spacing:2px;text-transform:uppercase}.typewriter-container{margin-bottom:30px;min-height:180px;position:relative}.typewriter-container p{color:#555;font-size:1.1rem;line-height:1.6}.cursor{animation:blink 1s infinite;color:#333;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-buttons{display:flex;gap:20px}@media (max-width:1024px){#Hero{max-width:90%;padding:40px 15px}.header-container h1{font-size:2.2rem}.hero-content{gap:40px}.hero-image{height:240px;width:240px}}@media (max-width:768px){#Hero{padding:30px 15px;width:100%}.hero-content{gap:30px;grid-template-columns:1fr}.hero-content,.hero-text{text-align:center}.header-container h1{font-size:2rem}.hero-tagline h2{font-size:1.5rem}.hero-buttons{justify-content:center}.hero-image{height:220px;width:220px}}@media (max-width:480px){#Hero{padding:20px 10px;width:100%}.header-container h1{font-size:1.8rem}.hero-tagline h2{font-size:1.3rem}.toggle-button{font-size:14px;padding:10px 20px}.typewriter-container p{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.hero-image{height:200px;width:200px}}#Skills{box-sizing:border-box;color:#333;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.6;margin:0 auto;max-width:1200px;padding:50px 20px;text-align:center;width:70%}.header-container{margin-bottom:30px}.header-container h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-align:left}.toggle-button{background-color:#333;border:2px solid #333;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.toggle-button:hover{background-color:#fff;border-color:#333;color:#333}.toggle-button:active{transform:translateY(2px)}.titles-overlay{grid-gap:20px;animation:fadeIn .3s ease-in;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.skill-group-title{align-items:center;background-color:#fff;border:2px solid #ddd;cursor:pointer;display:flex;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:700;justify-content:center;letter-spacing:1px;padding:20px;text-align:center;text-transform:uppercase;transition:all .3s ease}.skill-group-title:hover{background-color:#333;border-color:#333;color:#fff;transform:translateY(-2px)}.skills-overlay{animation:fadeIn .3s ease-in;margin:30px 0}.selected-group-title{border-bottom:2px solid #ddd;color:#333;font-family:Courier New,Courier,monospace;font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:30px;padding-bottom:15px;text-align:center;text-transform:uppercase}.bubble-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:30px 0}.skill-bubble{align-items:center;background-color:#fff;border:2px solid #ddd;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:120px;padding:20px;text-align:center;transition:all .3s ease}.skill-bubble:hover{background-color:#f4f4f4;border-color:#333;transform:translateY(-3px)}.skill-icon{filter:grayscale(100%);height:40px;object-fit:contain;transition:filter .3s ease;width:40px}.skill-bubble:hover .skill-icon{filter:grayscale(0)}.skill-name{color:#333;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1.3;text-align:center;text-transform:uppercase}.default-view{animation:fadeIn .3s ease-in;margin:40px 0}.default-view p{color:#666;font-family:Courier New,Courier,monospace;font-size:18px;margin-bottom:30px;text-align:center}.preview-bubbles{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.preview-bubble{align-items:center;background-color:#fff;border:2px solid #ddd;color:#333;cursor:pointer;display:flex;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;justify-content:center;letter-spacing:1px;padding:25px 15px;text-align:center;text-transform:uppercase;transition:all .3s ease}.preview-bubble:hover{background-color:#333;border-color:#333;color:#fff;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){#Skills{max-width:90%;padding:40px 15px}.header-container h2{font-size:2.2rem}.titles-overlay{gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bubble-container{gap:15px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:768px){#Skills{padding:30px 15px;width:100%}.header-container h2{font-size:2rem}.titles-overlay{gap:12px;grid-template-columns:1fr}.skill-group-title{font-size:16px;padding:15px}.bubble-container{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skill-bubble{min-height:100px;padding:15px}.preview-bubbles{gap:12px;grid-template-columns:1fr}.selected-group-title{font-size:1.5rem}}@media (max-width:480px){#Skills{padding:20px 10px;width:100%}.header-container h2{font-size:1.8rem}.toggle-button{font-size:14px;padding:10px 20px}.skill-group-title{font-size:14px;padding:12px}.bubble-container{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.skill-bubble{min-height:90px;padding:12px}.skill-icon{height:30px;width:30px}.skill-name{font-size:12px}.selected-group-title{font-size:1.3rem;letter-spacing:1px}.default-view p{font-size:16px}.preview-bubble{font-size:14px;padding:20px 12px}}.timeline-container{box-sizing:border-box;color:#333;font-family:Courier New,Courier,monospace;margin:0 auto;max-width:1200px;padding:80px 20px;width:70%}.timeline-header{align-items:center;border-bottom:2px solid #ddd;color:#333;display:flex;flex-wrap:nowrap;font-size:2.5rem;font-weight:700;gap:15px;justify-content:start;letter-spacing:2px;margin:0 0 50px;overflow:visible;padding-bottom:20px;text-transform:uppercase;white-space:nowrap}.timeline-header:hover .header-icon{transform:rotate(10deg)}.timeline{margin:0 auto;max-width:1000px;position:relative}.timeline:after{background-color:#ddd;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0;transition:all .3s ease;width:2px}.timeline:hover:after{background-color:#333}.timeline-item{background-color:inherit;box-sizing:border-box;padding:20px 40px;position:relative;width:50%}.timeline-item:after{background-color:#fff;border:2px solid #ddd;content:"";height:20px;position:absolute;right:-10px;top:30px;transition:all .3s ease;width:20px;z-index:2}.timeline-item.left{left:0}.timeline-item.left:after{right:-10px}.timeline-item.right{left:50%}.timeline-item.right:after{left:-10px}.timeline-content{background-color:#fff;border:2px solid #ddd;cursor:pointer;padding:30px;position:relative;transition:all .3s ease}.timeline-content:hover{border-color:#333;transform:translateY(-3px)}.timeline-content:hover+.timeline-item:after,.timeline-item:hover:after{background-color:#f9f9f9;border-color:#333}.timeline-header-info{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.timeline-company,.timeline-date,.timeline-role{align-items:center;display:flex;font-family:Courier New,Courier,monospace;gap:10px}.timeline-date{color:#666;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.date-icon{color:#666;font-size:12px}.timeline-company{color:#333;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.company-icon{color:#333;font-size:16px}.timeline-role{color:#666;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.role-icon{color:#666;font-size:14px}.company-text,.date-text,.role-text{transition:all .3s ease}.timeline-content:hover .company-text{color:#333}.timeline-dot{height:12px;position:absolute;top:35px;transition:all .3s ease;width:12px;z-index:3}.timeline-item.left .timeline-dot{right:-6px}.timeline-item.right .timeline-dot{left:-6px}.timeline-content:hover~.timeline-dot{background-color:#666;transform:scale(1.2)}.timeline-connector{display:none}.timeline-responsibilities{list-style:none;margin:20px 0;padding:0}.timeline-responsibilities li{border-left:2px solid #ddd;color:#666;font-size:14px;line-height:1.6;margin-bottom:8px;padding:8px 0 8px 20px;position:relative;transition:all .3s ease}.timeline-responsibilities li:before{background-color:#fff;color:#ddd;content:"▸";font-size:12px;left:-8px;position:absolute;text-align:center;top:8px;transition:all .3s ease;width:14px}.timeline-responsibilities li:hover{border-color:#333;color:#333;padding-left:25px}.timeline-responsibilities li:hover:before{color:#333}.timeline-tools{border-top:1px solid #ddd;margin-top:25px;padding-top:20px}.tools-header{font-size:14px;gap:8px;letter-spacing:1px;margin-bottom:12px}.tools-list{gap:8px}.tool-item{font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.tool-item:hover{background-color:#f9f9f9;border-color:#333;color:#333}.timeline-item.left .timeline-content:after{border:10px solid #0000;border-left-color:#ddd;border-right:0;content:"";height:0;position:absolute;right:-12px;top:30px;transition:all .3s ease;width:0}.timeline-item.right .timeline-content:after{border:10px solid #0000;border-left:0;border-right-color:#ddd;content:"";height:0;left:-12px;position:absolute;top:30px;transition:all .3s ease;width:0}.timeline-content:hover:after{border-left-color:#333;border-right-color:#333}@media (max-width:1024px){.timeline-container{padding:60px 15px;width:90%}.timeline-header{font-size:2.2rem}.timeline-item{padding:15px 35px}.timeline-content{padding:25px}}@media (max-width:768px){.timeline-container{padding:40px 15px;width:100%}.timeline-header{font-size:2rem;letter-spacing:1px}.timeline:after{left:30px}.timeline-item{padding-left:70px;padding-right:25px;width:100%}.timeline-item.right{left:0}.timeline-item.left:after,.timeline-item.right:after,.timeline-item:after{left:20px}.timeline-dot{left:24px!important}.timeline-item.left .timeline-content:after,.timeline-item.right .timeline-content:after{border:10px solid #0000;border-left:0;border-right-color:#ddd;left:-12px}.timeline-content:hover:after{border-left-color:#0000;border-right-color:#333}.timeline-content{padding:20px}.timeline-company{font-size:16px}.timeline-role{font-size:14px}}@media (max-width:480px){.timeline-container{padding:30px 10px}.timeline-header{flex-direction:column;font-size:1.8rem;gap:10px}.timeline-item{padding-left:50px;padding-right:15px}.timeline:after{left:20px}.timeline-item.left:after,.timeline-item.right:after,.timeline-item:after{left:10px}.timeline-dot{left:14px!important}.timeline-content{padding:15px}.timeline-header-info{gap:8px}.timeline-date{font-size:12px}.timeline-company{font-size:14px}.timeline-role{font-size:12px}.timeline-responsibilities li{font-size:13px;padding:6px 0 6px 18px}.tools-header{font-size:12px}.tool-item{font-size:10px;padding:3px 8px}}.footer{background-color:#fff;border-top:2px solid #ddd;color:#333;font-family:Courier New,Courier,monospace;margin-top:80px;width:100%}.footer-container{grid-gap:40px;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:60px 20px 40px;width:70%}.footer-brand{display:flex;flex-direction:column;gap:15px}.footer-brand h2{color:#333;font-size:1.8rem;font-weight:700;letter-spacing:2px;line-height:1.2;margin:0;position:relative;text-transform:uppercase}.footer-brand h2:after{background-color:#333;bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:60px}.footer-brand:hover h2:after{width:100px}.footer-brand p{color:#666;font-size:14px;line-height:1.6;margin:0;max-width:280px}.footer-links{display:flex;flex-direction:column;gap:20px}.footer-links h4{border-bottom:1px solid #ddd;color:#333;font-size:16px;font-weight:700;letter-spacing:1px;margin:0;padding-bottom:8px;text-transform:uppercase}.footer-links ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-links a{color:#666;display:inline-block;font-size:14px;letter-spacing:.5px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.footer-links a:before{background-color:#333;content:"";height:1px;left:-15px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:8px}.footer-links a:hover{color:#333;transform:translateX(10px)}.footer-links a:hover:before{opacity:1}.footer-socials{display:flex;flex-direction:column;gap:20px}.footer-socials h4{border-bottom:1px solid #ddd;color:#333;font-size:16px;font-weight:700;letter-spacing:1px;margin:0;padding-bottom:8px;text-transform:uppercase}.social-icons{display:flex;flex-direction:column;gap:12px}.social-icons a{align-items:center;background-color:#fff;border:1px solid #ddd;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;letter-spacing:.5px;min-height:40px;overflow:hidden;padding:8px 12px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.social-icons a:before{background-color:#333;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:1}.social-icons a:after{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";filter:brightness(0) invert(1);height:18px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(.8);transform:translate(-50%,-50%) scale(.8);transition:all .3s ease;width:18px;z-index:2}.social-icons a[href*=github]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E")}.social-icons a[href*=linkedin]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.social-icons a[href^=mailto]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E")}.social-icons a .social-text{position:relative;transition:all .3s ease;z-index:2}.social-icons a:hover{border-color:#333;color:#fff;transform:translateY(-2px)}.social-icons a:hover:before{left:0}.social-icons a:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.social-icons a:hover .social-text{opacity:0;transform:scale(.9)}.footer-bottom{background-color:#f9f9f9;border-top:1px solid #ddd;padding:20px 0}.footer-bottom p{box-sizing:border-box;color:#666;font-size:12px;letter-spacing:1px;margin:0 auto;max-width:1200px;padding:0 20px;text-align:center;text-transform:uppercase;width:70%}.footer-container:hover .footer-brand h2{color:#333}@media (max-width:1024px){.footer-container{gap:30px;padding:50px 15px 30px;width:90%}.footer-brand h2{font-size:1.6rem}.footer-bottom p{padding:0 15px;width:90%}}@media (max-width:768px){.footer-container{gap:30px;grid-template-columns:1fr;padding:40px 15px 25px;text-align:center;width:100%}.footer-brand{align-items:center}.footer-brand h2:after{left:50%;transform:translateX(-50%)}.footer-brand:hover h2:after{width:120px}.footer-brand p{max-width:100%;text-align:center}.footer-links,.footer-socials{align-items:center}.footer-links h4,.footer-socials h4{text-align:center}.footer-links ul{align-items:center}.social-icons{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.social-icons a{min-width:80px}.footer-bottom p{padding:0 15px;width:100%}}@media (max-width:480px){.footer-container{gap:25px;padding:30px 10px 20px}.footer-brand h2{font-size:1.4rem;letter-spacing:1px}.footer-brand p{font-size:13px}.footer-links h4,.footer-socials h4{font-size:14px}.footer-links a,.social-icons a{font-size:13px}.social-icons{flex-direction:column;margin:0 auto;max-width:200px;width:100%}.social-icons a{min-width:auto;width:100%}.footer-bottom{padding:15px 0}.footer-bottom p{font-size:11px;padding:0 10px}}.footer:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ddd,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.footer-links a:focus,.social-icons a:focus{outline:2px solid #333;outline-offset:2px}.project-container{box-sizing:border-box;color:#333;font-family:Courier New,Courier,monospace;margin:0 auto;max-width:1600px;overflow:hidden;padding:40px 16px;position:relative;width:100%}.floating-elements{display:none}.float-element{animation:floatAround 10s ease-in-out infinite;font-size:16px;opacity:.2;position:absolute;transition:all .3s ease;z-index:1}.projects-header{align-items:flex-start;border-bottom:2px solid #ddd;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;padding-bottom:16px;position:relative;z-index:2}.header{align-items:center;display:flex;font-weight:700;gap:12px;letter-spacing:1px;line-height:1.2;margin:0;text-transform:uppercase}.header,.header-icon{color:#333;font-size:1.75rem}.header-icon{transition:all .3s ease}.navigation-arrows{align-self:flex-end;display:flex;gap:12px;width:auto}.arrow{align-items:center;background-color:#fff;border:2px solid #333;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;padding:0;touch-action:manipulation;transition:all .3s ease;width:44px}.arrow:active{background-color:#333;color:#fff;transform:scale(.95)}.projects-gallery{margin:24px 0;position:relative;width:100%;z-index:2}.project-slider-creative{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;padding:16px 8px;scroll-behavior:smooth;scrollbar-color:#ddd #0000;scrollbar-width:thin;width:100%}.project-slider-creative::-webkit-scrollbar{height:6px}.project-slider-creative::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.project-slider-creative::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.project-slider-creative::-webkit-scrollbar-thumb:hover{background-color:#555}.project-card{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d;cursor:pointer;flex:0 0 auto;overflow:hidden;position:relative;transition:all .3s ease}.project-card:active{border-color:#333;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.card-pattern{background:repeating-linear-gradient(45deg,#333,#333 1px,#0000 0,#0000 8px);bottom:0;left:0;opacity:.03;position:absolute;right:0;top:0}.project-header-horizontal{align-items:center;display:flex;gap:16px;margin-bottom:16px;width:100%}.project-icon-float{align-items:center;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px;z-index:3}.project-icon-image{filter:grayscale(100%);height:100%;object-fit:contain;transition:all .3s ease;width:100%}.project-card:active .project-icon-image{filter:grayscale(0);transform:scale(1.05)}.card-content{padding:20px;position:relative;z-index:2}.title-section{flex:1 1;min-width:0}.project-title-creative{word-wrap:break-word;color:#333;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0;text-transform:uppercase}.date-section{margin-bottom:16px;width:100%}.date-badge{align-items:center;align-self:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#666;display:flex;font-family:Courier New,Courier,monospace;font-size:11px;gap:4px;letter-spacing:.3px;padding:6px 10px;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.features-section{margin:16px 0}.features-header{align-items:center;display:flex;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.features-header,.star-icon{color:#333;font-size:12px}.features-grid{display:flex;flex-direction:column;gap:6px}.feature-pill{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#666;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.4;padding:8px 12px;transition:all .3s ease}.feature-pill:active{background-color:#f9f9f9;border-color:#333}.tools-section{margin:16px 0}.tools-header{align-items:center;display:flex;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tools-header,.tools-icon{color:#333;font-size:12px}.tools-list{display:flex;flex-wrap:wrap;gap:4px;row-gap:6px}.tool-item{background-color:#fff;border:1px solid #ddd;border-radius:3px;color:#666;font-family:Courier New,Courier,monospace;font-size:10px;letter-spacing:.3px;line-height:1.2;padding:4px 8px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.tool-item:active{border-color:#333;color:#333}.card-footer{margin-top:20px}.launch-button{align-items:center;background-color:#fff;border:2px solid #333;border-radius:4px;box-sizing:border-box;color:#333;display:flex;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;min-height:48px;overflow:hidden;padding:14px 20px;position:relative;text-decoration:none;text-transform:uppercase;touch-action:manipulation;transition:all .3s ease;width:100%}.launch-button:active{background-color:#333;color:#fff;transform:scale(.98)}.button-icon,.button-text{position:relative;z-index:2}.button-icon{font-size:13px;transition:transform .3s ease}.launch-button:active .button-icon{transform:translateX(2px)}.button-shine{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.card-overlay{background-color:#ffffff08;bottom:0;left:0;opacity:0;pointer-events:none!important;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:active .card-overlay{opacity:1}.corner-accent{border:2px solid #ddd;height:14px;position:absolute;transition:all .3s ease;width:14px}.top-left{border-bottom:none;border-right:none;left:8px;top:8px}.bottom-right{border-left:none;border-top:none;bottom:8px;right:8px}.project-card:active .corner-accent{border-color:#333}.project-counter{margin-top:32px;position:relative;z-index:2}.counter-dots,.project-counter{display:flex;justify-content:center}.counter-dots{flex-wrap:wrap;gap:10px;padding:12px}.dot{background-color:#fff;border:2px solid #ddd;border-radius:50%;cursor:pointer;height:12px;touch-action:manipulation;transition:all .3s ease;width:12px}.dot.active,.dot:active{background-color:#333;border-color:#333}@keyframes floatAround{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-4px) rotate(-1deg)}75%{transform:translateY(-12px) rotate(.5deg)}}@media (min-width:320px){.project-container{padding:30px 12px}.project-card{max-width:300px;width:calc(100vw - 40px)!important}.header{font-size:1.5rem}.navigation-arrows{align-self:center}.project-icon-float{height:50px;width:50px}.project-title-creative{font-size:14px}.card-content{padding:16px}}@media (min-width:375px){.project-card{max-width:320px;width:calc(100vw - 60px)!important}.project-icon-float{height:55px;width:55px}}@media (min-width:576px){.project-container{padding:50px 24px}.projects-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:40px}.navigation-arrows{align-self:auto}.project-card{min-height:300px;width:320px!important}.project-icon-float{height:60px;width:60px}.card-content{padding:20px}.project-title-creative{font-size:16px}}@media (min-width:768px){.project-container{padding:60px 30px;width:90%}.floating-elements{display:block}.float-1{animation-delay:0s;left:8%;top:15%}.float-2{animation-delay:-2s;right:12%;top:25%}.float-3{animation-delay:-4s;bottom:30%;left:15%}.float-4{animation-delay:-6s;bottom:20%;right:20%}.project-container:hover .float-element{opacity:.4}.header,.header-icon{font-size:2rem}.project-card{min-height:320px;width:350px!important}.project-icon-float{height:70px;width:70px}.card-content{padding:25px}.project-title-creative{font-size:18px}}@media (min-width:992px){.project-container{padding:70px 30px;width:80%}.header,.header-icon{font-size:2.2rem}.project-slider-creative{gap:24px}.project-card{min-height:340px;width:360px!important}.project-icon-float{height:80px;width:80px}.card-content{padding:30px}.project-title-creative{font-size:20px}}@media (min-width:1200px){.project-container{padding:80px 30px;width:70%}.header,.header-icon{font-size:2.5rem}.project-slider-creative{gap:30px}.project-card{min-height:360px;width:380px!important}.project-icon-float{height:90px;width:90px}.card-content{padding:35px}.project-title-creative{font-size:22px}}@media (min-width:1600px){.project-container{padding:100px 30px;width:65%}.project-card{min-height:380px;width:400px!important}.project-slider-creative{gap:32px}.project-icon-float{height:100px;width:100px}.card-content{padding:40px}}@media (hover:hover) and (pointer:fine){.arrow:hover{background-color:#333;color:#fff;transform:translateY(-2px)}.project-card:hover{border-color:#333;box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.project-card:hover .project-icon-image{filter:grayscale(0);transform:scale(1.05)}.project-card:hover .icon-glow{opacity:1}.feature-pill:hover{background-color:#f9f9f9;border-color:#333}.tool-item:hover{border-color:#333;color:#333}.launch-button:hover{background-color:#333;color:#fff;transform:translateY(-1px)}.launch-button:hover .button-icon{transform:translateX(2px)}.launch-button:hover .button-shine{left:100%}.project-card:hover .card-overlay{opacity:1}.dot:hover,.project-card:hover .corner-accent{border-color:#333}.dot:hover{background-color:#333}.header:hover .header-icon{transform:rotate(10deg)}}@media (max-height:500px) and (orientation:landscape){.project-container{padding:20px 16px}.projects-header{margin-bottom:20px;padding-bottom:12px}.floating-elements{display:none}.project-card{height:auto}.project-icon-float{height:50px;width:50px}.card-content{padding:15px!important}}@media (max-width:575px){.project-icon-float{height:60px!important;width:60px!important}.card-content{padding:16px!important}.project-header-horizontal{gap:12px!important}}@media (prefers-reduced-motion:reduce){.arrow,.button-icon,.card-overlay,.corner-accent,.dot,.float-element,.launch-button,.project-card{animation:none;transition:none}.project-slider-creative{scroll-behavior:auto}}@media print{.floating-elements,.navigation-arrows,.project-counter{display:none}.project-card{border-color:#333!important;break-inside:avoid;margin-bottom:20px;page-break-inside:avoid;width:100%!important}.project-slider-creative{display:block;overflow:visible}.launch-button{border-color:#333!important;color:#333!important}.project-icon-image{filter:none!important}.project-icon-float{margin:0 auto 16px!important}.card-content{padding:20px!important}}*,:after,:before{box-sizing:border-box}*,:after,:before,body{font-family:Courier New,Courier,monospace;margin:0;padding:0}body{background-color:#fff;color:#333;font-size:16px;height:100%;line-height:1.6;max-width:100vw}.container,body{overflow-x:hidden}.container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-bottom:20px;width:100%}.Navbar{background-color:#f4f4f4;border-bottom:2px solid #ddd;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.Footer{background-color:#333;border-top:2px solid #444;color:#fff;font-size:14px;margin-top:auto;padding:20px 0;text-align:center;width:100%}#Projects,#WorkExperience,#homePage{background-color:#f9f9f9;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:50px 20px;text-align:center;width:100%}.scroll-animate{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}.slide-in-left{transform:translateX(-20px)}.slide-in-right{transform:translateX(20px)}.slide-in-left.visible,.slide-in-right.visible{transform:translateX(0)}.fade-in{transform:none}.container>*{width:100%}canvas,img,video{height:auto;max-width:100%}body,html{overflow-x:hidden}h1{font-size:clamp(1.5rem,5vw,2.5rem)}h2{font-size:clamp(1.3rem,4vw,2rem)}h3{font-size:clamp(1.1rem,3vw,1.5rem)}li,p{font-size:clamp(.9rem,2.5vw,1rem)}@media (max-width:1024px){.nav-wrapper{max-width:90%;padding:.5rem 0}.portfolio-title{font-size:1.8rem}.hero-container{max-width:90%}.hero-content{max-width:80%}#Projects,#WorkExperience,#homePage{padding:40px 20px}}@media (max-width:768px){.nav-wrapper{border-radius:0;padding:.4rem 0;width:100%}.nav-content{flex-direction:column;gap:5px;padding:.3rem 1rem;text-align:center}.portfolio-title{font-size:1.5rem}.hero-container{flex-direction:column;text-align:center}.hero-content{max-width:100%}#Projects,#WorkExperience,#homePage{padding:30px 15px}}@media (max-width:480px){.nav-wrapper{border-radius:10%;height:auto;overflow:hidden;padding:.1rem 0}.nav-content{align-items:center;display:flex;padding:.2rem .8rem}.portfolio-title{font-size:1.2rem}.logo{height:30px}.hero-container{padding:10px;width:100%}.hero-content{max-width:100%}.hero-content h2{font-size:1.8rem}#Projects,#WorkExperience,#homePage{padding:20px 10px}.Footer{font-size:12px;padding:15px 0}.Navbar{padding:10px 15px}}.dashboard-container{align-items:flex-start;background-color:#f9f9f9;padding:40px 20px}.dashboard-container,.dashboard-loading-container{display:flex;justify-content:center;min-height:100vh;width:100%}.dashboard-loading-container{align-items:center}.dashboard-box{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:900px;padding:40px;width:100%}.dashboard-header{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.dashboard-title{color:#333;font-size:2rem;font-weight:700;margin:0}.dashboard-logout-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.dashboard-logout-button:hover{background-color:#b71c1c}.dashboard-welcome-section{margin-bottom:40px}.dashboard-welcome-text{color:#333;font-size:1.5rem;margin-bottom:20px}.dashboard-user-info{background-color:#f4f4f4;border:1px solid #ddd;border-radius:8px;padding:20px}.dashboard-info-row{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 0}.dashboard-info-row:last-child{border-bottom:none}.dashboard-info-label{color:#333;font-size:14px;font-weight:700}.dashboard-info-value{color:#666;font-size:14px;text-align:right;word-break:break-word}.dashboard-actions-section{margin-bottom:40px}.dashboard-section-title{color:#333;font-size:1.3rem;margin-bottom:20px}.dashboard-action-buttons{display:flex;flex-wrap:wrap;gap:15px}.dashboard-action-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;min-width:150px;padding:12px 24px;transition:background-color .3s ease}.dashboard-action-button:hover{background-color:#555}.dashboard-projects-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:40px;padding:25px}.dashboard-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.dashboard-add-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.dashboard-add-button:hover{background-color:#45a049}.dashboard-projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dashboard-project-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.dashboard-project-card:hover{box-shadow:0 4px 8px #00000026}.dashboard-project-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.dashboard-project-title-section{flex:1 1}.dashboard-project-header-with-image{align-items:flex-start;display:flex;gap:12px}.dashboard-project-thumbnail{border:1px solid #ddd;border-radius:6px;height:40px;object-fit:cover;width:40px}.dashboard-project-title{color:#333;font-size:1.2rem;line-height:1.3;margin:0 0 5px}.dashboard-project-date{color:#666;font-size:14px;font-style:italic}.dashboard-project-actions{flex-shrink:0}.dashboard-edit-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background-color .3s ease}.dashboard-edit-button:hover{background-color:#1976d2}.dashboard-delete-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background-color .3s ease}.dashboard-delete-button:hover{background-color:#d32f2f}.dashboard-project-details{color:#666;font-size:14px}.dashboard-detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.dashboard-detail-row:last-child{border-bottom:none;margin-bottom:0}.dashboard-url-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-url-link{color:#2196f3;text-decoration:none}.dashboard-url-link:hover{text-decoration:underline}.dashboard-responsibilities{background-color:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;padding:2px 8px}.dashboard-empty-state{color:#666;padding:40px 20px;text-align:center}.dashboard-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dashboard-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow:auto;padding:30px;width:100%}.dashboard-modal-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.dashboard-close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:color .3s ease;width:30px}.dashboard-close-button:hover{color:#333}.dashboard-form{display:flex;flex-direction:column;gap:20px}.dashboard-form-group{display:flex;flex-direction:column;gap:8px}.dashboard-label{color:#333;font-size:14px;font-weight:700}.dashboard-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s ease}.dashboard-input:focus{border-color:#2196f3;outline:none}.dashboard-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .3s ease}.dashboard-textarea:focus{border-color:#2196f3;outline:none}.dashboard-help-text{color:#666;font-size:12px;font-style:italic}.dashboard-image-upload-section{margin-top:8px}.dashboard-file-input-container{position:relative}.dashboard-file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.dashboard-file-input-label{cursor:pointer;display:block}.dashboard-upload-area{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;padding:30px 20px;text-align:center;transition:border-color .3s ease}.dashboard-upload-area:hover{border-color:#2196f3}.dashboard-upload-icon{display:block;font-size:2rem;margin-bottom:10px}.dashboard-upload-hint{color:#666;display:block;margin-top:8px}.dashboard-image-preview-container{text-align:center}.dashboard-image-preview{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;max-height:150px;max-width:200px}.dashboard-remove-image-button{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:background-color .3s ease}.dashboard-remove-image-button:hover{background-color:#c00}.dashboard-form-actions{border-top:1px solid #ddd;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px}.dashboard-cancel-button{background-color:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;padding:12px 24px;transition:background-color .3s ease}.dashboard-cancel-button:hover{background-color:#555}.dashboard-submit-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;padding:12px 24px;transition:background-color .3s ease}.dashboard-submit-button:hover{background-color:#45a049}.dashboard-stats-section{margin-bottom:20px}.dashboard-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-stat-card{background-color:#f4f4f4;border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.dashboard-stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.dashboard-stat-number{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.dashboard-stat-label{color:#666;font-size:14px;letter-spacing:1px;text-transform:uppercase}.dashboard-tabs{border-bottom:2px solid #ddd;display:flex;margin-bottom:30px}.dashboard-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.dashboard-tab:hover{background-color:#f5f5f5;color:#333}.dashboard-tab-active{background-color:#f8fdff;border-bottom-color:#2196f3;color:#2196f3}.dashboard-workexp-dates{color:#666;font-size:14px;margin-top:5px}.dashboard-current-badge{background-color:#4caf50;border-radius:12px;color:#fff;font-size:12px;margin-left:8px;padding:2px 8px}.dashboard-form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.dashboard-checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.dashboard-checkbox{cursor:pointer;height:16px;width:16px}.dashboard-skills-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dashboard-skill-tag-with-icon{align-items:center;background:#f0f0f0;border-radius:16px;color:#333;display:flex;font-size:12px;gap:6px;padding:6px 10px}.dashboard-skill-icon{height:16px;object-fit:contain;width:16px}.dashboard-skill-tag-more{background:#e0e0e0;border-radius:16px;color:#666;font-size:12px;font-style:italic;padding:6px 10px}.dashboard-skills-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px}.dashboard-skill-item{align-items:flex-start;background:#fff;border:1px solid #eee;border-radius:6px;display:flex;gap:10px;margin-bottom:15px;padding:15px}.dashboard-skill-inputs{align-items:flex-start;display:flex;flex:1 1;gap:15px}.dashboard-skill-inputs .dashboard-input{flex:1 1;margin-bottom:0}.dashboard-skill-icon-upload{flex-shrink:0;width:120px}.dashboard-skill-icon-preview-container{align-items:center;display:flex;flex-direction:column;gap:8px}.dashboard-skill-icon-preview{border:1px solid #ddd;border-radius:6px;height:50px;object-fit:contain;width:50px}.dashboard-remove-skill-icon-button{font-size:11px;padding:4px 8px}.dashboard-remove-skill-button,.dashboard-remove-skill-icon-button{background:#ff4757;border:none;border-radius:4px;color:#fff;cursor:pointer}.dashboard-remove-skill-button{flex-shrink:0;font-size:12px;padding:8px 12px}.dashboard-add-skill-button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 15px}.dashboard-add-skill-button:hover{background:#2980b9}.dashboard-upload-area-small{min-height:60px;padding:15px}.dashboard-modal-content-wide{max-width:800px}.draggable-item{cursor:grab;transition:all .3s ease}.draggable-item.dragging{cursor:grabbing;opacity:.5;transform:scale(.95)}.draggable-item.drag-over{background-color:#f8f9fa;border:2px dashed #007bff}.dashboard-drag-handle{color:#6c757d;cursor:grab;font-size:16px;margin-right:8px;padding:8px;-webkit-user-select:none;user-select:none}.dashboard-drag-handle:hover{color:#007bff}.draggable-item.dragging .dashboard-drag-handle{cursor:grabbing}.dashboard-project-card{position:relative;transition:transform .2s ease,box-shadow .2s ease}.dashboard-project-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-project-actions{align-items:center;display:flex;gap:8px}@media (max-width:768px){.dashboard-tabs{border-bottom:none;flex-direction:column}.dashboard-tab{border-bottom:1px solid #ddd;border-radius:0;text-align:left}.dashboard-tab-active{border-bottom:1px solid #2196f3;border-left:3px solid #2196f3}.dashboard-form-row{grid-template-columns:1fr}.dashboard-container{padding:20px 10px}.dashboard-box{padding:20px}.dashboard-header{gap:15px;text-align:center}.dashboard-action-buttons,.dashboard-header{flex-direction:column}.dashboard-section-header{align-items:flex-start;flex-direction:column}.dashboard-projects-grid{grid-template-columns:1fr}.dashboard-project-header{align-items:flex-start;flex-direction:column}.dashboard-project-actions{align-self:flex-end}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-form-actions{flex-direction:column}}@media (max-width:480px){.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-info-row{align-items:flex-start;flex-direction:column}.dashboard-info-value{text-align:left}}
/*# sourceMappingURL=main.183c398e.css.map*/