@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navigation{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;padding:1rem 0;transition:all .3s ease}.nav-container{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-left .portfolio-name{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;color:#000;transition:color .3s ease}.nav-center{display:flex;gap:2rem}.nav-item{background:none;border:none;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;color:#666;cursor:pointer;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease;text-transform:capitalize;position:relative}.nav-item:focus,.nav-item:focus-visible,.nav-item:active{outline:none!important;outline-offset:0!important;box-shadow:none!important}.nav-item:hover{color:#000;background:#0000000d;transform:translateY(-2px)}.nav-item.active{color:#000;background:none}.nav-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#007acc,#00d4ff);border-radius:2px;transition:width .3s ease}.nav-right .theme-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(0,0,0,.1);padding:.5rem 1rem;border-radius:20px;font-family:Inter,sans-serif;font-size:.9rem;color:#666;cursor:pointer;transition:all .3s ease;text-decoration:none}.theme-toggle:focus,.theme-toggle:focus-visible,.theme-toggle:active{outline:none!important;outline-offset:0!important;box-shadow:none!important;text-decoration:none!important}.theme-toggle:hover{background:#0000000d;color:#000;transform:translateY(-2px)}.theme-toggle svg{font-size:1.2rem}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:none;cursor:pointer;transition:background .2s ease,transform .2s ease;color:#000}.mobile-menu-button .hamburger{width:18px;height:2px;background:currentColor;position:relative}.mobile-menu-button .hamburger:before,.mobile-menu-button .hamburger:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}.mobile-menu-button .hamburger:before{top:-6px}.mobile-menu-button .hamburger:after{top:6px}.mobile-menu-button:hover{background:#0000000d;transform:translateY(-1px)}.app.dark .mobile-menu-button{border-color:#fff3}.app.dark .mobile-menu-button{color:#fff}.app.dark .mobile-menu-button:hover{background:#ffffff1a}.mobile-menu{display:none;position:absolute;top:100%;right:1rem;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 30px #00000014;padding:.5rem;z-index:1200;min-width:160px;max-width:calc(100vw - 2rem);overflow:hidden}.mobile-menu.open{display:block}.mobile-menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.6rem .8rem;border-radius:8px;color:#444;font-family:Inter,sans-serif;text-transform:capitalize}.mobile-menu-divider{height:1px;background:#00000014;margin:.4rem 0}.mobile-theme-toggle{display:flex;align-items:center;gap:8px;text-transform:none}.mobile-menu-item:hover{background:#0000000f;color:#000}.mobile-menu-item.active{background:#00000014;color:#000}.app.dark .mobile-menu{background:#000000fa;border-color:#ffffff26}.app.dark .mobile-menu-item{color:#ccc}.app.dark .mobile-menu-item:hover{background:#ffffff1a;color:#fff}.app.dark .mobile-menu-item.active{background:#ffffff2e;color:#fff}.app.dark .mobile-menu-divider{background:#ffffff26}.app.dark .navigation{background:#000000f2;border-bottom:1px solid rgba(255,255,255,.1)}.app.dark .nav-left .portfolio-name{color:#fff}.app.dark .nav-item{color:#999}.app.dark .nav-item:hover{color:#fff;background:#ffffff1a}.app.dark .nav-item.active{color:#fff;background:none}.app.dark .nav-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#007acc,#00d4ff);border-radius:2px}.app.dark .theme-toggle{border-color:#fff3;color:#999}.app.dark .theme-toggle:hover{background:#ffffff1a;color:#fff}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-center{display:none}.mobile-menu-button{display:inline-flex}.theme-toggle{display:none!important}.mobile-menu{right:.5rem;left:auto;max-width:calc(100vw - 1rem)}}@media (max-width: 480px){.nav-container{padding:0 .5rem}.nav-left .portfolio-name{font-size:1.25rem}.mobile-menu{right:.25rem;max-width:calc(100vw - .5rem);min-width:140px}.mobile-menu-item{padding:.5rem .6rem;font-size:.9rem}}.home-section{min-height:100vh;display:flex;align-items:center;padding:80px 0 0;position:relative;overflow:hidden}.home-container{width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;height:100vh;position:relative}.home-left{display:flex;justify-content:center;align-items:center;padding:0 4rem;z-index:2;position:relative;opacity:0}.quote-container{max-width:500px}.quote{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:300;line-height:1.3;color:#000;margin:0 0 1.5rem;font-style:italic;transition:color .3s ease}.quote-author{font-family:Inter,sans-serif;font-size:1.1rem;color:#666;margin:0;text-align:right;transition:color .3s ease;font-weight:500}.home-right{position:relative;overflow:hidden;opacity:0}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s ease}.image-container:hover{transform:scale(1.02)}.profile-image{width:100%;height:100%;object-fit:cover;object-position:center center;transition:all .5s ease;opacity:1;filter:grayscale(20%) contrast(1.1)}.profile-image:hover{filter:grayscale(0%) contrast(1.2)}.home-left:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffffff2,#ffffffd9 70%,#ffffff4d);z-index:1;pointer-events:none}.quote-container{position:relative;z-index:2}.app.dark .quote{color:#fff}.app.dark .quote-author{color:#ccc}.app.dark .profile-image{filter:grayscale(40%) contrast(1.3) brightness(.9)}.app.dark .profile-image:hover{filter:grayscale(20%) contrast(1.4) brightness(1)}.app.dark .home-left:before{background:linear-gradient(90deg,#000000f2,#000000d9 70%,#0000004d)}@media (max-width: 768px){.home-section{padding:80px 1rem 0;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.home-container{grid-template-columns:1fr;height:auto;min-height:100vh;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.home-right{display:none}.home-left{order:1;padding:1rem;background:none;width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0;position:relative}.home-left:before{display:none}.quote-container{text-align:center;max-width:100%;width:100%;padding:0 1rem;box-sizing:border-box}.quote{font-size:1.8rem;text-align:center;margin-bottom:2rem;font-weight:400;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;box-sizing:border-box}.quote-author{text-align:center;font-size:1.1rem;width:100%}}@media (max-width: 480px){.home-section{padding:80px .75rem 0}.home-left{padding:.75rem}.quote-container{padding:0 .5rem}.quote{font-size:1.5rem;line-height:1.4;margin-bottom:1.5rem;word-break:break-word;overflow-wrap:break-word}.quote-author{font-size:1rem}}@media (max-width: 360px){.home-section{padding:80px .5rem 0}.home-left{padding:.5rem}.quote-container{padding:0 .25rem}.quote{font-size:1.3rem;line-height:1.5;word-break:break-word;overflow-wrap:break-word}.quote-author{font-size:.9rem}}.about-section{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;background:#fff;transition:background-color .3s ease}.about-container{width:100%;margin:0 auto;text-align:center}.about-title{font-family:Inter,sans-serif;font-size:3rem;font-weight:700;color:#000;margin:0 0 3rem;position:relative;display:inline-block;transition:color .3s ease}.about-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#007acc,#00d4ff);border-radius:2px;transition:width .3s ease}.about-title:hover:after{width:170px}.about-content{max-width:600px;margin:0 auto}.about-bio{font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.8;color:#444;margin:0;text-align:left;transition:color .3s ease}.app.dark .about-section{background:#000}.app.dark .about-title{color:#fff}.app.dark .about-bio{color:#ccc}@media (max-width: 768px){.about-section{padding:3rem 1rem}.about-title{font-size:2.5rem}.about-bio{font-size:1rem;text-align:center}}.skills-section{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;background:#fff;transition:background-color .3s ease;overflow-x:hidden}.skills-container{width:100%;margin:0 auto;text-align:center;overflow:hidden}.skills-title{font-family:Inter,sans-serif;font-size:3rem;font-weight:700;color:#000;margin:0 0 1rem;transition:color .3s ease}.skills-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#007acc,#00d4ff);border-radius:2px;transition:width .3s ease}.skills-title:hover:after{width:100px}.skills-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;margin:0 0 4rem;transition:color .3s ease}.skills-subtitle:after{content:" (scroll to navigate)";font-size:.9rem;color:#999;font-style:italic;opacity:.7}.skills-carousel{position:relative;height:500px;width:100%;max-width:1600px;margin:0 auto;display:flex;justify-content:center;align-items:center;perspective:1200px;perspective-origin:center center;overflow:hidden;transform-style:preserve-3d}.skills-carousel.swiping{cursor:grabbing;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.skills-carousel{touch-action:pan-y;cursor:grab}.skills-carousel.swiping{cursor:grabbing}}.carousel-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-style:preserve-3d}.skill-card{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1.2rem;text-align:center;width:240px;height:260px;cursor:pointer;transition:all .4s ease;transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;transform-origin:center center;backface-visibility:hidden}.skill-card.active{z-index:5!important;box-shadow:0 20px 40px #0003;border-color:var(--skill-color, #007ACC)}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--skill-color, #007ACC) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:16px}.skill-card:hover:before{opacity:.1}.skill-card.active:before{opacity:.05}.skill-card:hover .skill-icon,.skill-card.active .skill-icon{color:var(--skill-color, #007ACC);transform:scale(1.2)}.skill-card:hover .skill-title,.skill-card.active .skill-title{color:var(--skill-color, #007ACC)}.skill-icon{font-size:2.2rem;color:#666;margin:0 0 .8rem;transition:all .4s ease;transform-style:preserve-3d}.skill-title{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#000;margin:0 0 .5rem;transition:color .4s ease}.skill-description{font-family:Inter,sans-serif;font-size:.85rem;line-height:1.5;color:#666;margin:0;transition:color .3s ease}.app.dark .skills-section{background:#000}.app.dark .skills-title{color:#fff}.app.dark .skills-subtitle{color:#999}.app.dark .skills-subtitle:after{color:#777}.app.dark .skill-card{background:#1a1a1a;border-color:#ffffff1a}.app.dark .skill-card:hover,.app.dark .skill-card.active{background:#222;box-shadow:0 20px 40px #0006,0 0 20px rgba(var(--skill-color-rgb, 0, 122, 204),.3),0 0 0 2px rgba(var(--skill-color-rgb, 0, 122, 204),.4),inset 0 0 20px rgba(var(--skill-color-rgb, 0, 122, 204),.1);border-color:var(--skill-color, #007ACC)}.app.dark .skill-card:before{background:linear-gradient(135deg,var(--skill-color, #007ACC) 0%,transparent 50%)}.app.dark .skill-card:hover:before,.app.dark .skill-card.active:before{opacity:.15}.app.dark .skill-card:hover .skill-icon,.app.dark .skill-card.active .skill-icon{color:var(--skill-color, #007ACC);text-shadow:0 0 12px var(--skill-color, #007ACC);filter:brightness(1.2) saturate(1.3)}.app.dark .skill-card:hover .skill-title,.app.dark .skill-card.active .skill-title{color:var(--skill-color, #007ACC);text-shadow:0 0 8px var(--skill-color, #007ACC);filter:brightness(1.2) saturate(1.3)}.app.dark .skill-icon{color:#999}.app.dark .skill-title{color:#fff}.app.dark .skill-description{color:#ccc}.app.dark .skill-card:not(.active):hover{border-color:rgba(var(--skill-color-rgb, 0, 122, 204),.5);box-shadow:0 10px 20px #0000004d,0 0 15px rgba(var(--skill-color-rgb, 0, 122, 204),.2)}.app.dark .skill-card:not(.active):hover .skill-icon{color:var(--skill-color, #007ACC);filter:brightness(1.1) saturate(1.2);text-shadow:0 0 8px rgba(var(--skill-color-rgb, 0, 122, 204),.5)}.app.dark .skill-card:not(.active):hover .skill-title{color:var(--skill-color, #007ACC);filter:brightness(1.1) saturate(1.2)}@media (max-width: 768px){.skills-section{padding:3rem 1rem;overflow-x:hidden}.skills-container{overflow:hidden}.skills-title{font-size:2.5rem}.carousel-container{gap:0;overflow:hidden}.skill-card{width:240px;height:280px;padding:1.2rem}.skills-carousel{height:400px;max-width:100%;overflow:hidden}}@media (max-width: 480px){.skills-section{padding:2rem .5rem}.skills-title{font-size:2rem}.skill-card{width:200px;height:240px;padding:1rem}.skills-carousel{height:350px;max-width:calc(100vw - 1rem)}.skill-icon{font-size:1.8rem}.skill-title{font-size:.9rem}.skill-description{font-size:.75rem;line-height:1.4}}.projects-section{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;background:#fff;transition:background-color .3s ease}.projects-container{width:100%;margin:0 auto;text-align:center}.projects-title{font-family:Inter,sans-serif;font-size:3rem;font-weight:700;color:#000;margin:0 0 1rem;transition:color .3s ease;opacity:1;transform:translateY(0)}.projects-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#007acc,#00d4ff);border-radius:2px;transition:width .3s ease}.projects-title:hover:after{width:150px}.projects-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;margin:0 0 4rem;transition:color .3s ease;opacity:1;transform:translateY(0)}.editable-count{background:none;border:none;outline:none;font-family:inherit;font-size:inherit;color:inherit;padding:0;margin:0;width:auto;min-width:1ch;max-width:4ch;text-align:left}.editable-count-display{cursor:pointer;position:relative;padding:2px 4px;border-radius:3px;transition:all .2s ease}.editable-count-display:hover{background-color:#0000000d}.editable-count-display:hover:after{content:"✎";position:absolute;top:-8px;right:-8px;font-size:.7rem;opacity:.6}.app.dark .editable-count-display:hover{background-color:#ffffff1a}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}.project-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:2rem;text-align:left;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden;height:fit-content;min-height:400px;display:flex;flex-direction:column;opacity:1;transform:translateY(0)}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--project-color, #007ACC) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;z-index:-1}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-color:var(--project-color, #007ACC)}.project-card:hover:before{opacity:.05}.project-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-title{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;color:#000;margin:0 0 1rem;transition:color .4s ease}.project-card:hover .project-title{color:var(--project-color, #007ACC)}.project-description{font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;color:#666;margin:0 0 1.5rem;transition:color .3s ease}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}.tech-tag{background:#f0f0f0;color:#666;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.project-card:hover .tech-tag{background:var(--project-color, #007ACC);color:#fff}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid rgba(0,0,0,.2);border-radius:8px;text-decoration:none;color:#666;font-size:.9rem;font-weight:500;transition:all .3s ease}.project-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.live-link:hover{background:var(--project-color, #007ACC);border-color:var(--project-color, #007ACC);color:#fff}.github-link:hover{background:#333;border-color:#333;color:#fff}.app.dark .projects-section{background:#000}.app.dark .projects-title{color:#fff}.app.dark .projects-subtitle{color:#999}.app.dark .project-card{background:#1a1a1a;border-color:#ffffff1a}.app.dark .project-card:hover{background:#222;box-shadow:0 20px 40px #0006,0 0 20px rgba(var(--project-color-rgb, 0, 122, 204),.3),0 0 0 2px rgba(var(--project-color-rgb, 0, 122, 204),.4),inset 0 0 20px rgba(var(--project-color-rgb, 0, 122, 204),.1);border-color:var(--project-color, #007ACC)}.app.dark .project-card:before{background:linear-gradient(135deg,var(--project-color, #007ACC) 0%,transparent 50%)}.app.dark .project-card:hover:before{opacity:.15}.app.dark .project-card:hover .project-title{color:var(--project-color, #007ACC);text-shadow:0 0 8px var(--project-color, #007ACC);filter:brightness(1.2) saturate(1.3)}.app.dark .project-title{color:#fff}.app.dark .project-description{color:#ccc}.app.dark .tech-tag{background:#333;color:#ccc;border:1px solid rgba(255,255,255,.1)}.app.dark .project-card:hover .tech-tag{background:rgba(var(--project-color-rgb, 0, 122, 204),.2);border-color:var(--project-color, #007ACC);color:var(--project-color, #007ACC);filter:brightness(1.2) saturate(1.2)}.app.dark .project-link{border-color:#fff3;color:#ccc}.app.dark .project-card:hover .project-link{border-color:var(--project-color, #007ACC);color:var(--project-color, #007ACC);filter:brightness(1.1) saturate(1.2);background:rgba(var(--project-color-rgb, 0, 122, 204),.1);box-shadow:0 0 10px rgba(var(--project-color-rgb, 0, 122, 204),.2)}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.projects-section{padding:3rem 1rem}.projects-title{font-size:2.5rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem;min-height:350px}.project-links{flex-direction:column}}.hobbies-section{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;background:#fff;transition:background-color .3s ease}.hobbies-container{width:100%;margin:0 auto;text-align:center}.hobbies-title{font-family:Inter,sans-serif;font-size:3rem;font-weight:700;color:#000;margin:0 0 1rem;transition:color .3s ease}.hobbies-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#007acc,#00d4ff);border-radius:2px;transition:width .8s ease}.hobbies-title:hover:after{width:400px}.hobbies-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;margin:0 0 4rem;transition:color .3s ease}.hobby-subsection{margin-bottom:4rem;opacity:1;transform:translateY(0)}.subsection-header{text-align:center;margin-bottom:2rem}.subsection-title{font-family:Inter,sans-serif;font-size:2rem;font-weight:600;color:var(--subsection-color, #007ACC);margin:0 0 .5rem;transition:color .3s ease}.subsection-subtitle{font-family:Inter,sans-serif;font-size:1rem;color:#666;margin:0 0 1rem;transition:color .3s ease}.subsection-count{font-family:Inter,sans-serif;font-size:.9rem;color:#999;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:color .3s ease}.editable-count{background:none;border:none;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:var(--subsection-color, #007ACC);cursor:pointer;padding:.2rem .5rem;border-radius:4px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.3rem;min-width:2rem;text-align:center}.editable-count:hover{background:rgba(var(--subsection-color-rgb, 0, 122, 204),.1)}.editable-count.editing,.editable-count input{border:1px solid var(--subsection-color, #007ACC);outline:none;background:rgba(var(--subsection-color-rgb, 0, 122, 204),.05)}.edit-icon{font-size:.7rem;opacity:.7}.hobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.hobby-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1.5rem;text-align:left;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden;height:fit-content;min-height:280px;display:flex;flex-direction:column;opacity:1;transform:translateY(0)}.hobby-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--subsection-color, #007ACC) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;z-index:-1}.hobby-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-color:var(--subsection-color, #007ACC)}.hobby-card:hover:before{opacity:.05}.hobby-card:hover .hobby-icon{color:var(--subsection-color, #007ACC);transform:scale(1.1)}.hobby-card:hover .hobby-title{color:var(--subsection-color, #007ACC)}.hobby-icon{font-size:2.5rem;color:#666;margin-bottom:1rem;transition:all .4s ease}.hobby-content{flex:1;display:flex;flex-direction:column}.hobby-title{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:600;color:#000;margin:0 0 .8rem;transition:color .4s ease}.hobby-description{font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;color:#666;margin:0 0 1rem;flex:1;transition:color .3s ease}.hobby-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.hobby-tag{font-family:Inter,sans-serif;font-size:.8rem;padding:.3rem .8rem;background:#0000000d;border-radius:12px;color:#666;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.hobby-card:hover .hobby-tag{background:rgba(var(--subsection-color-rgb, 0, 122, 204),.1);border-color:var(--subsection-color, #007ACC);color:var(--subsection-color, #007ACC)}.app.dark .hobbies-section{background:#000}.app.dark .hobbies-title{color:#fff}.app.dark .hobbies-subtitle{color:#999}.app.dark .subsection-subtitle{color:#ccc}.app.dark .subsection-count{color:#777}.app.dark .hobby-card{background:#1a1a1a;border-color:#ffffff1a}.app.dark .hobby-card:hover{background:#222;box-shadow:0 20px 40px #0000004d,0 0 30px rgba(var(--subsection-color-rgb, 0, 122, 204),.3),inset 0 1px rgba(var(--subsection-color-rgb, 0, 122, 204),.2);border-color:var(--subsection-color, #007ACC);filter:brightness(1.2) saturate(1.3)}.app.dark .hobby-card:hover:before{opacity:.15;background:linear-gradient(135deg,rgba(var(--subsection-color-rgb, 0, 122, 204),.2) 0%,transparent 50%)}.app.dark .hobby-card:hover .hobby-icon{color:var(--subsection-color, #007ACC);transform:scale(1.1);text-shadow:0 0 12px var(--subsection-color, #007ACC);filter:brightness(1.4) saturate(1.6)}.app.dark .hobby-card:hover .hobby-title{color:var(--subsection-color, #007ACC);text-shadow:0 0 8px var(--subsection-color, #007ACC)}.app.dark .hobby-icon{color:#999}.app.dark .hobby-title{color:#fff}.app.dark .hobby-description{color:#ccc}.app.dark .hobby-tag{background:#ffffff0d;border-color:#ffffff1a;color:#999}.app.dark .hobby-card:hover .hobby-tag{background:rgba(var(--subsection-color-rgb, 0, 122, 204),.2);border-color:var(--subsection-color, #007ACC);color:var(--subsection-color, #007ACC);text-shadow:0 0 4px var(--subsection-color, #007ACC)}.app.dark .editable-count{color:var(--subsection-color, #007ACC)}.app.dark .editable-count:hover{background:rgba(var(--subsection-color-rgb, 0, 122, 204),.2)}@media (max-width: 768px){.hobbies-section{padding:3rem 1rem}.hobbies-title{font-size:2.5rem}.hobbies-subtitle{font-size:1rem;margin-bottom:3rem}.subsection-title{font-size:1.8rem}.hobby-grid{grid-template-columns:1fr;gap:1.5rem}.hobby-card{padding:1.2rem;min-height:240px}.hobby-icon{font-size:2rem}.hobby-title{font-size:1.1rem}.hobby-description{font-size:.9rem}.hobby-tag{font-size:.75rem;padding:.25rem .6rem}}.contact-section{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;background:#fff;transition:background-color .3s ease}.contact-container{width:100%;margin:0 auto;text-align:center}.contact-title{font-family:Inter,sans-serif;font-size:3rem;font-weight:700;color:#000;margin:0 0 1rem;transition:color .3s ease}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#007acc,#00d4ff);border-radius:2px;transition:width .5s ease}.contact-title:hover:after{width:220px}.contact-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;margin:0 0 4rem;transition:color .3s ease}.contact-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.contact-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;text-decoration:none;color:#666;transition:all .4s ease;cursor:pointer;min-width:120px;position:relative;overflow:hidden;opacity:1;visibility:visible}.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--contact-color, #007ACC) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;z-index:-1}.contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-color:var(--contact-color, #007ACC);color:var(--contact-color, #007ACC)}.contact-card:hover:before{opacity:.1}.contact-card:hover .contact-icon{color:var(--contact-color, #007ACC);transform:scale(1.2)}.contact-card:hover .contact-name{color:var(--contact-color, #007ACC);font-weight:600}.contact-icon{font-size:2.5rem;color:#666;transition:all .4s ease}.contact-name{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;color:#666;transition:all .4s ease}.app.dark .contact-section{background:#000}.app.dark .contact-title{color:#fff}.app.dark .contact-subtitle{color:#999}.app.dark .contact-card{background:#1a1a1a;border-color:#ffffff1a;color:#999;filter:brightness(1.1) saturate(1.2)}.app.dark .contact-card:hover{background:#222;border-color:var(--contact-color, #007ACC);box-shadow:0 20px 40px #0000004d,0 0 30px rgba(var(--contact-color-rgb, 0, 122, 204),.3),inset 0 1px rgba(var(--contact-color-rgb, 0, 122, 204),.2);filter:brightness(1.3) saturate(1.5)}.app.dark .contact-card:hover:before{opacity:.15;background:linear-gradient(135deg,rgba(var(--contact-color-rgb, 0, 122, 204),.2) 0%,transparent 50%)}.app.dark .contact-card:hover .contact-icon{color:var(--contact-color, #007ACC);transform:scale(1.2);text-shadow:0 0 15px var(--contact-color, #007ACC);filter:brightness(1.4) saturate(1.6)}.app.dark .contact-card:hover .contact-name{color:var(--contact-color, #007ACC);font-weight:600;text-shadow:0 0 10px var(--contact-color, #007ACC)}.app.dark .contact-icon,.app.dark .contact-name{color:#999}@media (max-width: 768px){.contact-section{padding:3rem 1rem}.contact-title{font-size:2.5rem}.contact-grid{gap:1.5rem}.contact-card{padding:1.5rem;min-width:100px}.contact-icon{font-size:2rem}.contact-name{font-size:.9rem}}.footer{background:#fff;border-top:1px solid rgba(0,0,0,.1);padding:2rem 0;text-align:center;transition:all .3s ease}.footer-container{width:100%;margin:0 auto;padding:0 2rem}.footer-text{display:inline;padding-right:1rem;font-family:Inter,sans-serif;font-size:1rem;color:#666;margin:0;transition:color .3s ease}.footer-text a{color:#999;text-decoration:none}.footer-text a:hover{text-decoration:underline;color:#333;transition:all .5s ease}.app.dark .footer{background:#000;border-top:1px solid rgba(255,255,255,.1)}.app.dark .footer-text{color:#999}@media (max-width: 768px){.footer{padding:1.5rem 0}.footer-container{padding:0 1rem}.footer-text{font-size:.9rem}}.app-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .25s ease}.app.dark .app-loader{background:#000000e6}.app-loader.show{opacity:1;pointer-events:auto}.loader-content{display:flex;gap:12px;align-items:center}.loader-text{font-family:Inter,sans-serif;font-size:.95rem;color:#333}.app.dark .loader-text{color:#f0f0f0}.spinner{width:22px;height:22px;border:3px solid rgba(0,0,0,.15);border-top-color:#007acc;border-radius:50%;animation:spin .9s linear infinite}.app.dark .spinner{border-color:#fff3;border-top-color:#00d4ff}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#00D4FF #DFE9EB}body{font-family:Inter,sans-serif;line-height:1.6;color:#333;background:#fff;overflow-x:hidden}.app{min-height:100vh;transition:all .3s ease;overflow-x:hidden;width:100%}.app.light{background:#fff;color:#000}.app.dark{background:#000;color:#fff}main{position:relative}.content-hidden{opacity:0}.content-fade-in{animation:appContentFadeIn .45s ease forwards}@keyframes appContentFadeIn{0%{opacity:0}to{opacity:1}}.app.dark ::-webkit-scrollbar-track{background:#2a2a2a}.app.dark ::-webkit-scrollbar-thumb{background:#555}.app.dark ::-webkit-scrollbar-thumb:hover{background:#777}::selection{background:#007bcc33;color:#007acc}.app.dark ::selection{background:#007bcc4d;color:#00d4ff}*:focus{outline:2px solid #007acc;outline-offset:2px}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}img,.profile-image{transition:filter .3s ease!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.text-center{text-align:center}.container{width:100%;margin:0 auto;padding:0 2rem}.section{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;width:100%}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:3rem 1rem}}*::-webkit-scrollbar{height:7px;width:7px}*::-webkit-scrollbar-track{border-radius:11px;background-color:#dfe9eb;border:10px ridge #ffffff}*::-webkit-scrollbar-track:hover{background-color:#dfe9eb}*::-webkit-scrollbar-track:active{background-color:#b8c0c2}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#007acc}*::-webkit-scrollbar-thumb:hover{background-color:#00d4ff}*::-webkit-scrollbar-thumb:active{background-color:#00d4ff}