@import"https://cdn.jsdelivr.net/gh/devicons/devicon@v2.14.0/devicon.min.css";body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a:focus,button:focus,input:focus,textarea:focus,.submit-button:focus,.bottom-section-button:focus,.cta-button:focus{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f633;transition:outline .2s,box-shadow .2s}.submit-button:focus{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.bottom-section-button:focus{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.cta-button:focus{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--backgroundSecondary, #333);padding:1rem;z-index:1000;transition:all .3s ease}.navbar-scrolled{box-shadow:0 2px 10px #0000001a;padding:.7rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var( --backgroundSecondaryTransparent, rgba(51, 51, 51, .85) )}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar-logo a{color:var(--text, #ffffff);text-decoration:none;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.navbar-links-desktop{display:flex;align-items:center;gap:1.5rem}.navbar-link{color:var(--text, #ffffff);text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease;padding:.5rem 0;position:relative}.navbar-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:var(--primary, #3b82f6);transition:width var(--transition-fast)}.navbar-link:hover:after,.navbar-link-active:after{width:100%}.navbar-link:hover,.navbar-link-active{color:var(--primary, #3b82f6)}.theme-toggle-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.3rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle-btn:hover{transform:rotate(30deg)}.navbar-mobile-buttons{display:none;align-items:center;gap:1rem}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:20px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger-menu span{width:100%;height:2px;background-color:var(--text, #ffffff);transition:all .3s ease-in-out}.hamburger-menu.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.navbar-links-mobile{display:none;flex-direction:column;width:100%;background-color:var(--backgroundSecondary, #333);overflow:hidden}@media (max-width: 768px){.navbar-links-desktop{display:none}.navbar-mobile-buttons{display:flex}.navbar-links-mobile{display:flex;padding:.5rem 0}.navbar-links-mobile .navbar-link{padding:1rem;text-align:center;border-bottom:1px solid var(--borderColor, rgba(255, 255, 255, .1))}.navbar-links-mobile .navbar-link:last-child{border-bottom:none}}.footer{background-color:var(--backgroundSecondary, #2e2e2e);padding:1.5rem;margin-top:3rem;color:var(--text, #fff)}.footer-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.copyright{margin:0;font-size:.9rem}.footer-social-links{display:flex;gap:1rem}.footer-social-links a{color:var(--text, #fff);font-size:1.2rem;transition:color .3s ease,transform .3s ease;outline:none}.footer-social-links a:hover{color:var(--primary, #3b82f6);transform:translateY(-3px)}.footer-social-links a:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.footer-links{display:flex;list-style:none;padding:0;margin:0;gap:1.5rem}.footer-links li a{color:var(--text, #fff);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links li a:hover{color:var(--primary, #3b82f6);text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem}.footer-info{align-items:center}.footer-links{flex-wrap:wrap;justify-content:center}}@keyframes gradientAnimation{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.layout{display:flex;flex-direction:column;min-height:100vh;color:var(--text, #ffffff);width:100%;max-width:100vw;position:relative;overflow-x:hidden;background-color:#242424;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1019%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M0%2c553.487C101.428%2c544.292%2c166.348%2c446.635%2c247.429%2c385.006C321.34%2c328.827%2c404.176%2c285.506%2c454.88%2c207.737C511.029%2c121.617%2c563.263%2c22.871%2c550.005%2c-79.079C536.7%2c-181.39%2c462.065%2c-265.132%2c384.534%2c-333.201C313.549%2c-395.523%2c217.743%2c-408.954%2c131.187%2c-446.782C29.461%2c-491.24%2c-59.177%2c-592.273%2c-168.85%2c-575.05C-278.883%2c-557.77%2c-366.321%2c-460.294%2c-416.377%2c-360.793C-462.18%2c-269.747%2c-414.747%2c-162.578%2c-427.238%2c-61.428C-439.373%2c36.84%2c-517.105%2c128.295%2c-488.482%2c223.082C-459.273%2c319.809%2c-361.736%2c376.032%2c-278.042%2c432.642C-192.606%2c490.43%2c-102.724%2c562.799%2c0%2c553.487' fill='%230c233c'%3e%3c/path%3e%3cpath d='M1440 994.933C1521.4470000000001 976.79 1604.712 970.624 1675.504 926.452 1746.933 881.8820000000001 1796.0819999999999 814.064 1842.472 743.803 1896.498 661.977 1980.579 581.332 1967.534 484.152 1954.492 386.991 1850.533 333.168 1778.435 266.744 1714.298 207.654 1654.315 139.471 1569.852 117.76400000000001 1486.644 96.38 1400.111 119.73500000000001 1319.241 148.73399999999998 1242.007 176.42899999999997 1172.176 219.392 1117.025 280.141 1060.954 341.904 1035.585 420.399 1002.925 497.158 958.61 601.308 866.731 700.087 891.335 810.567 916.061 921.595 1017.976 1012.675 1125.799 1048.907 1228.615 1083.4560000000001 1334.13 1018.517 1440 994.933' fill='%23103152'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1019'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-size:150% 150%;animation:gradientAnimation 50s ease infinite}.main-content{flex:1;padding-top:70px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;background-color:transparent;position:relative;z-index:1}.layout.dark{--scrollbar-track: #333;--scrollbar-thumb: #666}.layout.light{--scrollbar-track: #f1f1f1;--scrollbar-thumb: #888}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.skip-to-content{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000;background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;transition:left .3s}.skip-to-content:focus{left:50%;top:10px;width:auto;height:auto;transform:translate(-50%);outline:2px solid #fff;box-shadow:0 0 0 4px #2563eb}@media (max-width: 768px){.main-content{padding-top:60px}}@media (max-width: 480px){.main-content{padding-top:55px}}.section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;min-height:50vh}.section-title{font-size:var(--font-size-xxxl);color:var(--primary, #3b82f6);text-align:center;margin-bottom:var(--spacing-xl)}.section-content{max-width:var(--content-width-xl);margin:0 auto}@media (max-width: 768px){.section-container{padding:var(--spacing-xl) var(--spacing-md)}.section-title{font-size:var(--font-size-xxl)}}@media (max-width: 480px){.section-container{padding:var(--spacing-lg) var(--spacing-sm)}.section-title{font-size:var(--font-size-xl)}}.animated-card{background-color:var(--cardBackground, rgba(255, 255, 255, .05));border:1px solid var(--cardBorder, rgba(255, 255, 255, .1));border-radius:12px;padding:2rem;margin:1rem;text-align:center;box-shadow:var(--shadow-md, 0 4px 15px rgba(0, 0, 0, .2));transition:transform .3s ease,box-shadow .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--text, #ffffff);flex:1 1 300px;max-width:350px}.animated-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-lg, 0 8px 25px rgba(0, 0, 0, .3))}.animated-card-title{font-size:1.5rem;margin-bottom:1rem;color:var(--primary, #3b82f6)}.animated-card-description{font-size:1rem;line-height:1.6;color:var(--textSecondary, #cccccc)}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:100vh;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;background-color:var( --background, #1a1a1a )}.about-content{display:flex;flex-direction:column;align-items:center;max-width:1200px;width:100%;margin:0 auto;gap:3rem}.about-heading{color:#f0f8ff;font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.about-text-section{color:#f0f8ff;margin-bottom:2rem;width:100%;background-color:var(--cardBackground, rgba(255, 255, 255, .05));border:1px solid var(--cardBorder, rgba(255, 255, 255, .1));border-radius:12px;padding:2rem;box-shadow:var(--shadow-md, 0 4px 15px rgba(0, 0, 0, .2));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-align:center}.about-intro{font-size:1.1rem;line-height:1.8;color:var(--textSecondary, #cccccc);text-align:center}.about-intro br{content:"";display:block;margin-bottom:1em}.about-team,.about-mission{color:#f0f8ff;font-size:1.2rem;line-height:1.6;text-align:left}.about-additional{color:#f0f8ff;margin-bottom:2rem;width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.about-values{color:#f0f8ff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:800px;margin-top:3rem;width:100%;box-sizing:border-box}.about-values-section{text-align:center}.values-title{font-size:2rem;color:var(--primary, #3b82f6);margin-bottom:2rem}.values-cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.about-values h3{color:#f0f8ff;font-size:2rem;margin-bottom:1rem;text-align:center}.about-values ul{list-style-type:none;padding:0}.block{display:block}.about-values li{font-size:1.2rem;color:#f0f8ff;margin-bottom:1.2rem;line-height:2}.about-values li strong{color:#3b82f6}@media (max-width: 768px){.about-container{padding:3rem 1rem}.about-intro,.about-team,.about-mission{font-size:1rem}.about-values{padding:1.5rem}.about-values li{line-height:1.8}.about-additional,.values-cards-container{flex-direction:column;align-items:center}.animated-card{max-width:90%}}@media (max-width: 480px){.about-container{padding:.8rem}.about-heading{font-size:2rem}.about-values h3{font-size:1.5rem}.about-values{padding:1.2rem}}.contact-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%;overflow-x:hidden}.contact-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:1200px;gap:2rem;padding:0 1rem;box-sizing:border-box}.contact-form{width:100%;max-width:500px;padding:2rem;border-radius:8px;box-shadow:var(--shadow-md, 0 4px 8px rgba(0, 0, 0, .1));background:var(--cardBackground, rgba(255, 255, 255, .05));border:1px solid var(--cardBorder, rgba(255, 255, 255, .1));color:var(--text, #fff)}.contact-sidebar{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;flex:1}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;font-weight:700;margin-bottom:.5rem;color:var(--text, #fff)}.form-group input,.form-group textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--borderColor, #ccc);border-radius:4px;box-sizing:border-box;background-color:var(--background, #fff);color:var(--text, #333)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 4px var(--primary, rgba(59, 130, 246, .5))}.submit-button{display:inline-block;background-color:var(--buttonBackground, #3b82f6);color:var(--buttonText, #ffffff);padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:var(--buttonHoverBackground, #2563eb)}.success-message{color:#10b981;margin-top:1rem;font-weight:700}.error-message{color:#ef4444;margin-top:1rem;font-weight:700}@media (max-width: 768px){.contact-content-wrapper{flex-direction:column;align-items:center;padding:0 1rem;gap:3rem;width:100%;max-width:100%}.contact-form{max-width:100%;padding:1.5rem;width:100%}.contact-sidebar{width:100%;align-items:center}}@media (max-width: 480px){.contact-form{padding:1.25rem}.contact-container{padding:0 .5rem}}.contact-info{display:flex;flex-direction:column;align-items:center;margin:2rem 0;color:var(--text, #ffffff);padding:var(--spacing-md);background-color:var(--cardBackground, rgba(255, 255, 255, .05));border:1px solid var(--cardBorder, rgba(255, 255, 255, .1));border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.contact-info.compact{margin:1rem 0;padding:var(--spacing-sm);background-color:transparent;border:none;box-shadow:none}.contact-info-title{margin-bottom:1.5rem;font-size:var(--font-size-lg);color:var(--primary);margin-bottom:var(--spacing-md);text-align:center}.contact-details{display:flex;flex-direction:column;gap:.8rem}.contact-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-info.compact .contact-info-list{gap:var(--spacing-xs)}.contact-item{display:flex;align-items:center;gap:.5rem}.contact-info-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md)}.contact-info.compact .contact-info-item{font-size:var(--font-size-sm)}.contact-icon{font-size:1.2rem}.contact-info-icon{font-size:1.2em}.contact-info-label{font-weight:var(--font-weight-medium);color:var(--textSecondary)}.contact-info-value{color:var(--text)}.contact-item a{color:var(--primary-color, #3b82f6);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--primary-color-hover, #2563eb);text-decoration:underline}@media (max-width: 768px){.contact-details{gap:.6rem}}.social-links{display:flex;flex-direction:column;align-items:center;margin-top:20px;padding:var(--spacing-md) 0}.social-links-title{font-size:var(--font-size-lg);color:var(--primary);margin-bottom:var(--spacing-md);text-align:center}.social-media-icons{display:flex;justify-content:center;gap:var(--spacing-lg)}.social-media-icons a{color:var(--text);font-size:var(--font-size-xxl);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}.social-media-icons a:hover,.social-media-icons a:focus{color:var(--primary);transform:scale(1.1);outline:none}.projects-container{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;padding:1rem 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;max-width:1200px;padding:0 1rem;box-sizing:border-box}@media screen and (max-width: 768px){.projects-container{padding:1rem}.projects-list{grid-template-columns:1fr;gap:1.5rem;padding:0}}@media screen and (max-width: 480px){.projects-list{grid-template-columns:1fr}}.project-card{padding:1.5rem;border-radius:8px;box-shadow:var(--shadow-md, 0 4px 8px rgba(0, 0, 0, .1));transition:transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--cardBackground, rgba(0, 0, 0, .288));border:1px solid var(--cardBorder, rgba(255, 255, 255, .1));color:var(--text, #fff);display:flex;flex-direction:column}.project-title{font-size:1.8rem;color:var(--primary, #3b82f6);margin-bottom:1rem}.project-description{font-size:1.2rem;margin-bottom:1.5rem;line-height:1.6;flex-grow:1;color:var(--textSecondary, #ccc)}.project-demo-link{margin-bottom:1.5rem;align-self:center}.project-demo-link a{padding:10px 20px;text-align:center;border-radius:4px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block;background:var(--buttonBackground, #3b82f6);color:var(--buttonText, #fff);transition:all .2s ease}.project-demo-link a:hover,.project-demo-link a:focus{background:var(--buttonHoverBackground, #2563eb);color:var(--buttonText, #fff);outline:2px solid var(--primaryHover, #fff);outline-offset:2px}.tech-stack-container{margin-top:auto}.tech-stack-title{font-size:1.2rem;margin-bottom:.8rem;color:var(--textSecondary, #ddd)}.tech-stack{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.tech-item{background:var(--codeBackground, #e5e7eb);color:var(--codeText, #222);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.tech-item i{font-size:1.5rem;color:var(--primary, #3b82f6)}.tech-name{display:inline-block}@media (max-width: 768px){.project-title{font-size:1.5rem}.project-description{font-size:1rem}.tech-item{padding:.4rem .8rem;font-size:.8rem}.tech-item i{font-size:1.2rem}}.home-container{text-align:center;margin-top:50px}.home-message{font-size:24px;color:#333}.home-button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.home-button:hover{background-color:#0056b3}ul{list-style:none;padding:0}.hero-section{position:relative;background-size:cover;background-position:15%;background-image:url(/assets/columbus-xp-RLT7h.jpg);color:var(--text, #ffffff);padding:150px 20px;text-align:center;overflow:hidden}.hero-backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--backgroundSecondaryTransparent, rgba(0, 0, 0, .5))}@media (max-width: 768px){.hero-section{padding:100px 15px}}.hero-content{text-align:center;justify-self:center;position:relative;display:flex;flex-direction:column;z-index:3}.hero-title{text-shadow:-1px -1px 0 var(--textShadow, #000),1px -1px 0 var(--textShadow, #000),-1px 1px 0 var(--textShadow, #000),1px 1px 0 var(--textShadow, #000);font-size:3rem;margin-bottom:20px;z-index:3}.hero-subtitle{text-shadow:-1px -1px 0 var(--textShadow, #000),1px -1px 0 var(--textShadow, #000),-1px 1px 0 var(--textShadow, #000),1px 1px 0 var(--textShadow, #000);font-size:1.5rem;margin-bottom:40px;z-index:3}.hero-aside{text-shadow:-1px -1px 0 var(--textShadow, #000),1px -1px 0 var(--textShadow, #000),-1px 1px 0 var(--textShadow, #000),1px 1px 0 var(--textShadow, #000);display:flex;align-self:center;gap:30px;z-index:3}.hero-aside-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-aside-item{margin:0;margin-bottom:.5rem;font-size:1.1rem}.cta-button{background:var(--buttonBackground, #ffffff);color:var(--buttonText, #6d83f2);padding:10px 20px;border-radius:30px;text-decoration:none;font-weight:700;transition:all .3s;align-self:center}.cta-button:hover{background:var(--buttonHoverBackground, #f0f0f0);transform:scale(1.1);transition:all .3s}@media (max-width: 768px){.hero-aside{flex-direction:column;gap:10px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem;margin-bottom:30px}}.skills-section{list-style:none;column-count:3;row-gap:120px;padding:10px;margin:10px;gap:20px}.skills-section-item{font-size:1.2rem;margin-bottom:2rem}.skills-section-container{min-height:100vh;padding:2rem}.skills-heading{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:var(--textSecondary, #333333)}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;max-width:1000px}@media (max-width: 768px){.hero-section{text-align:center;padding:2rem 1rem}.skills-section{list-style:none;columns:2}.skills-heading{font-size:2rem;margin-bottom:1.5rem}.skills-section-container{padding:1rem}}@media (max-width: 480px){.skills-section{list-style:none;columns:1}}.floating-skills-container{position:relative;width:100%;height:700px;overflow:hidden;display:flex;border-top:2px solid var(--borderColor, rgba(255, 255, 255, .1));border-bottom:2px solid var(--borderColor, rgba(255, 255, 255, .1));background:var(--backgroundSecondaryTransparent, rgba(0, 0, 0, .2));color:var(--text, #fff);margin:3rem 0}.floating-skills-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;text-align:center;z-index:10;color:var(--text, #fff);text-shadow:0px 0px 20px rgba(0,0,0,.8);background:var(--cardBackground, rgba(0, 0, 0, .4));padding:1rem 2rem;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.floating-skill{position:absolute;background:none;transition:width 2s ease;will-change:transform,width;max-width:calc(100% - 50px);max-height:calc(100% - 50px);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}@media (max-width: 768px){.floating-skills-container{height:500px}.floating-skills-title{font-size:1.8rem;padding:.8rem 1.5rem}}.timeline-container{min-height:50vh}.timeline-track{position:relative;width:100%;max-width:1000px}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:var(--primary, #3b82f6);transform:translate(-50%)}.timeline-events{display:flex;flex-direction:column;position:relative}@media (max-width: 768px){.timeline-line{left:20px;transform:none}}.timeline-event{position:relative;width:45%;padding:10px 20px;margin:20px 0;border-radius:8px}.timeline-event.left{margin-left:40px;align-self:flex-start}.timeline-event.right{margin-right:40px;align-self:flex-end}.timeline-event-content{position:relative;padding:20px;color:var(--cardText, #000);background-color:var(--cardBackground, white);border-radius:8px;box-shadow:var(--shadow-md, 0 0 10px rgba(0, 0, 0, .15));border:1px solid var(--cardBorder, rgba(255, 255, 255, .1))}.timeline-event-title{font-size:1.2rem;margin-bottom:5px;color:var(--primary, #3b82f6)}.timeline-event-date{font-size:.9em;color:var(--textSecondary, #999);margin-bottom:10px;display:block}.timeline-event-description{font-size:1rem;line-height:1.5}@media (max-width: 768px){.timeline-event{width:90%;margin:15px 0}.timeline-event.left,.timeline-event.right{align-self:center;margin-left:0;margin-right:0}}.skill-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--codeBackground, rgba(255, 255, 255, .1));color:var(--codeText, #ffffff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:.5rem;border:1px solid var(--borderColor, rgba(255, 255, 255, .2));transition:all .3s ease;cursor:default}.skill-badge:hover{transform:translateY(-3px);box-shadow:var(--shadow-md, 0 4px 8px rgba(0, 0, 0, .2));background-color:var(--primaryHover, rgba(37, 99, 235, .2));border-color:var(--primary, rgba(59, 130, 246, .4))}.skill-badge-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.skill-badge-icon i{color:var(--primary, #3b82f6)}.skill-badge-name{font-weight:500;font-size:.95rem}@media (max-width: 768px){.skill-badge{padding:.4rem .8rem}.skill-badge-icon{font-size:1.2rem}.skill-badge-name{font-size:.85rem}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#333;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-logo{color:#fff;font-size:2rem;font-weight:700;text-align:center}.bottom-section{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text, #fff)}.bottom-section-heading{font-size:1.8rem;margin-bottom:1rem}.bottom-section-text{font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}.bottom-section-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin:1.5rem 0}.bottom-section-button{background-color:var(--buttonBackground, #f5f5f5);border:1px solid var(--buttonBackground, #f5f5f5);border-radius:10px;color:var(--buttonText, #000);font-size:1rem;padding:.5rem 1rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.bottom-section-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-md, 0 4px 8px rgba(0, 0, 0, .2));background-color:var(--buttonHoverBackground, #ddd)}.social-media-icons{display:flex;justify-content:center;gap:20px;margin-top:20px}.social-media-icons a{color:inherit;text-decoration:none;transition:transform .3s ease}.social-media-icons a:hover{transform:scale(1.2)}.social-media-icons i{font-size:2rem}.card{color:var(--text, #000);background-color:var(--cardBackground, #fff);border:1px solid var(--cardBorder, #ddd);border-radius:10px;box-shadow:var(--shadow-md, 0 4px 8px rgba(0, 0, 0, .1));padding:2rem;margin:1rem;max-width:600px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .459))}@media (max-width: 768px){.bottom-section-heading{font-size:1.5rem}.bottom-section-text,.bottom-section-button{font-size:1rem}.card{padding:1.5rem}}.privacy-container{display:flex;justify-content:center;padding:40px 20px;min-height:100vh;background-color:var(--background, #f9f9f9)}.privacy-content{max-width:800px;width:100%;background-color:var(--cardBackground, #ffffff);padding:40px;border-radius:8px;box-shadow:var(--shadow-lg, 0 4px 20px rgba(0, 0, 0, .05))}.privacy-content h1{font-size:2.5rem;margin-bottom:10px;color:var(--text, #333);text-align:center}.effective-date{font-style:italic;color:var(--textSecondary, #666);text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--borderColor, #eaeaea)}.policy-section{margin-bottom:30px}.policy-section h2{font-size:1.5rem;margin-bottom:15px;color:var(--text, #333);padding-bottom:8px;border-bottom:1px solid var(--borderColor, #eaeaea)}.policy-section p{margin-bottom:16px;line-height:1.6;color:var(--text, #333)}.policy-section ul{padding-left:20px;margin-bottom:16px}.policy-section li{margin-bottom:10px;line-height:1.6;color:var(--text, #333)}.policy-section strong{font-weight:600}.policy-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--borderColor, #eaeaea);text-align:center;font-style:italic;color:var(--textSecondary, #666)}@media (max-width: 768px){.privacy-content{padding:25px}.privacy-content h1{font-size:2rem}.policy-section h2{font-size:1.3rem}}@media (max-width: 480px){.privacy-content{padding:20px}.privacy-content h1{font-size:1.8rem}.policy-section h2{font-size:1.2rem}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-family-base: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-pill: 9999px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--z-index-dropdown: 1000;--z-index-fixed: 1100;--z-index-modal: 1200;--content-width-sm: 600px;--content-width-md: 800px;--content-width-lg: 1000px;--content-width-xl: 1200px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}#root{width:100%;max-width:100%;overflow-x:hidden;background-color:var(--background);color:var(--text)}body{margin:0;font-family:var(--font-family-base)}*,*:before,*:after{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px;box-shadow:0 0 0 4px var(--primary-focus-shadow, rgba(59, 130, 246, .2))}