*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;color:#ccc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #4fc3f7;--background-color: #1e1e1e;--text-color: #cccccc;--white: #ffffff;--gray: #a0a0a0;--dark-gray: #2d2d2d;--light-gray: #a0a0a0;--border-color: rgba(255, 255, 255, .1)}@keyframes glow{0%{text-shadow:0 0 10px rgba(79,195,247,.7)}to{text-shadow:0 0 20px rgba(79,195,247,1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#3ba9d9);color:var(--background-color);border:none;border-radius:20px;padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 15px #4fc3f799}.card{background:#2a2a2ab3;padding:1.5rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}h1{font-size:2.5rem;color:var(--white)}h2{font-size:2rem;color:var(--primary-color)}h3{font-size:1.5rem;color:var(--white)}p{font-size:1rem;color:var(--text-color);line-height:1.6}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.3rem}p{font-size:.9rem}}@media (max-width: 480px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.1rem}p{font-size:.8rem}}@media (max-width: 320px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}p{font-size:.75rem}}.home-container{display:flex;justify-content:center;align-items:center;background-color:transparent;color:#ccc;height:100%;width:100%;padding:20px;box-sizing:border-box}.home-content{text-align:left;max-width:800px;width:100%;animation:fadeIn 2s ease-in-out;z-index:1}.home-greeting,.home-name,.home-title,.home-description{margin:.5rem 0}.home-greeting{font-size:clamp(1rem,5vw,1.5rem);color:#4fc3f7;animation:slideInFromTop 1s ease-in-out}.home-name{font-size:clamp(2rem,10vw,4rem);font-weight:700;color:#fff;animation:slideInFromTop 1s ease-in-out;position:relative}.home-name:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#4fc3f7;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.home-name:hover:after{transform:scaleX(1)}.home-title{font-size:clamp(1.5rem,6vw,2.5rem);color:#a0a0a0;animation:slideInFromLeft 1s ease-in-out}.typewriter{color:#4fc3f7;font-weight:700}.cursor{display:inline-block;margin-left:5px;animation:blink 1s infinite}.cursor.hidden{display:none}.home-description{font-size:clamp(1rem,3vw,1.2rem);line-height:1.6;color:#a0a0a0;animation:slideInFromBottom 1s ease-in-out;transition:transform .3s ease,color .3s ease;max-width:600px}.home-description:hover{color:#fff;transform:scale(1.02)}@keyframes slideInFromTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.home-container{padding:10px}}@media (max-width: 480px){.home-container{padding:5px}}.about-hero-ultra{background:#1a1d23;border-radius:1rem;padding:3rem 2rem;margin-bottom:3rem;position:relative;overflow:hidden;border:1px solid rgba(34,211,238,.1)}.about-hero-ultra__container{display:flex;align-items:center;justify-content:center;gap:4rem;max-width:1100px;margin:0 auto;position:relative;z-index:2}.about-hero-ultra__avatar-container{position:relative;width:200px;height:200px;flex-shrink:0}.about-hero-ultra__avatar-border{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #22d3ee;animation:rotate 15s linear infinite;box-shadow:0 0 20px #22d3ee4d}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-hero-ultra__avatar{width:180px;height:180px;object-fit:cover;border-radius:50%;position:relative;top:10px;left:10px;border:2px solid #23272e;box-shadow:0 5px 30px #0000004d}.about-hero-ultra__content{flex:1;display:flex;flex-direction:column;gap:1rem}.about-hero-ultra__name{font-size:2.5rem;font-weight:800;color:#fff;margin:0;line-height:1.1;letter-spacing:-.5px}.about-hero-ultra__name-highlight{background:linear-gradient(90deg,#22d3ee,#6a9955);-webkit-background-clip:text;background-clip:text;color:transparent}.about-hero-ultra__title-wrapper{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.about-hero-ultra__title-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.5),transparent)}.about-hero-ultra__title{color:#b0b8c5;font-size:1.3rem;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:1px}.about-hero-ultra__location{display:flex;align-items:center;gap:.5rem;color:#7a8496;font-size:1rem;margin:.5rem 0 1.5rem}.about-hero-ultra__location-icon{color:#22d3ee;font-size:1rem}.about-hero-ultra__cta{background:transparent;color:#22d3ee;border:1px solid #22d3ee;border-radius:6px;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;width:fit-content}.about-hero-ultra__cta:hover{background:#22d3ee1a;transform:translateY(-2px);box-shadow:0 5px 15px #22d3ee33}.about-hero-ultra__cta-arrow{transition:transform .3s ease}.about-hero-ultra__cta:hover .about-hero-ultra__cta-arrow{transform:translate(3px)}@media (max-width: 1024px){.about-hero-ultra{padding:2.5rem 1.5rem}.about-hero-ultra__container{gap:3rem}.about-hero-ultra__avatar-container{width:180px;height:180px}.about-hero-ultra__avatar{width:160px;height:160px}.about-hero-ultra__name{font-size:2.2rem}.about-hero-ultra__title{font-size:1.2rem}}@media (max-width: 900px){.about-hero-ultra__container{flex-direction:column;text-align:center;gap:2rem}.about-hero-ultra__content{align-items:center}.about-hero-ultra__title-wrapper{width:100%}}@media (max-width: 600px){.about-hero-ultra{padding:2rem 1.2rem;border-radius:.8rem}.about-hero-ultra__avatar-container{width:150px;height:150px}.about-hero-ultra__avatar{width:130px;height:130px;top:10px;left:10px}.about-hero-ultra__name{font-size:1.8rem}.about-hero-ultra__title{font-size:1rem}.about-hero-ultra__location{font-size:.9rem}.about-hero-ultra__cta{padding:.7rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.about-hero-ultra{padding:1.8rem 1rem}.about-hero-ultra__avatar-container{width:130px;height:130px}.about-hero-ultra__avatar{width:110px;height:110px}.about-hero-ultra__name{font-size:1.6rem}}.about-showcase__exp-edu-columns{display:flex;gap:2.5rem;flex-wrap:wrap}.about-showcase__timeline{flex:1 1 320px;display:flex;flex-direction:column;gap:1.7rem}.timeline{position:relative;margin-left:1.2rem;padding-left:1.2rem;border-left:3px solid #22d3ee33;display:flex;flex-direction:column;gap:2.2rem}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:1.1rem}.timeline-dot{position:absolute;left:-1.7rem;top:.3rem;width:18px;height:18px;border-radius:50%;background:#23272e;border:4px solid #22d3ee;box-shadow:0 2px 8px #22d3ee33;z-index:2}.timeline-dot--edu{border-color:#6a9955}.timeline-content{background:#23272e;border-radius:10px;box-shadow:0 1px 8px #22d3ee11;padding:1rem 1rem .7rem;min-width:0;flex:1}.timeline-header{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.2rem}.timeline-role{font-size:1.08rem;font-weight:700;color:#22d3ee}.about-showcase__timeline--edu .timeline-role{color:#6a9955}.timeline-org{background:#6a9955;color:#fff;font-size:.89rem;font-weight:600;border-radius:7px;padding:.15rem .7rem}.about-showcase__timeline--edu .timeline-org{background:#22d3ee}.timeline-date{color:#bdbdbd;font-size:.98rem;margin-bottom:.5rem;display:block}.timeline-list{color:#bdbdbd;font-size:.97rem;margin:0 0 .2rem .7rem;padding-left:1.1rem}@media (max-width: 900px){.about-showcase__exp-edu-columns{flex-direction:column;gap:1.5rem}.timeline{margin-left:.7rem;padding-left:.7rem}.timeline-dot{left:-1.2rem}}@media (max-width: 600px){.about-showcase__exp-edu-columns{gap:.7rem}.timeline-content{padding:.7rem .5rem .5rem}.timeline-dot{width:13px;height:13px;left:-.9rem;top:.2rem}.timeline-header{gap:.4rem}.timeline-role{font-size:.97rem}.timeline-org{font-size:.8rem}.timeline-date,.timeline-list{font-size:.91rem}}.about-showcase{max-width:1200px;margin:0 auto;padding:2.5rem 1.2rem;display:flex;flex-direction:column;gap:2.7rem}.about-showcase__section{background:linear-gradient(135deg,#23272e 80%,#1e1e1e);border-radius:1.3rem;box-shadow:0 2px 16px #22d3ee11;padding:2rem 1.5rem 1.5rem;margin-bottom:1.2rem}.about-showcase__section-title{font-size:1.35rem;font-weight:700;color:#22d3ee;margin-bottom:1.3rem;letter-spacing:.01em}.about-showcase__skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.3rem 1rem}.about-showcase__skill{display:flex;flex-direction:column;align-items:center;background:#23272e;border-radius:12px;padding:1rem .2rem .8rem;box-shadow:0 1px 8px #22d3ee11;transition:transform .15s,box-shadow .15s}.about-showcase__skill:hover,.about-showcase__skill:focus-visible{transform:scale(1.09);box-shadow:0 4px 18px var(--tech-shadow, #22d3ee33)}.about-showcase__skill-icon{margin-bottom:.5rem}.about-showcase__skill-name{color:#bdbdbd;font-size:1.08rem;font-weight:500;text-align:center}.about-showcase__exp-edu{display:flex;gap:2.5rem;flex-wrap:wrap}.about-showcase__exp,.about-showcase__edu{flex:1 1 320px;display:flex;flex-direction:column;gap:1.7rem}.about-showcase__exp-card,.about-showcase__edu-card{background:#222b;border-radius:12px;box-shadow:0 1px 8px #22d3ee11;padding:1.2rem 1.1rem .9rem}.about-showcase__exp-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.2rem}.about-showcase__exp-role{font-size:1.13rem;font-weight:700;color:#22d3ee}.about-showcase__exp-org{background:#6a9955;color:#fff;font-size:.93rem;font-weight:600;border-radius:7px;padding:.15rem .7rem}.about-showcase__exp-date,.about-showcase__edu-date{color:#bdbdbd;font-size:1.01rem;margin-bottom:.5rem;display:block}.about-showcase__exp-list{color:#bdbdbd;font-size:1.01rem;margin:0 0 .2rem 1.1rem;padding-left:.7rem}.about-showcase__edu-degree{color:#22d3ee;font-size:1.09rem;font-weight:600;margin-bottom:.2rem;display:block}.about-showcase__edu-school{color:#bdbdbd;font-size:1.01rem;margin-bottom:.2rem;display:block}@media (max-width: 1100px){.about-showcase__hero-content{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem .7rem}.about-showcase__avatar-wrap{width:110px;height:110px}.about-showcase__name{font-size:1.5rem}.about-showcase__title{font-size:1rem}}@media (max-width: 900px){.about-showcase__exp-edu{flex-direction:column;gap:1.5rem}}@media (max-width: 600px){.about-showcase{padding:1.2rem .2rem;gap:1.2rem}.about-showcase__section{padding:1rem .5rem .7rem}.about-showcase__section-title{font-size:1.08rem}.about-showcase__skills-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.7rem .4rem}.about-showcase__skill-icon{font-size:1.5rem}.about-showcase__skill-name{font-size:.93rem}}.projects-container{background-color:#1e1e1e;color:#d4d4d4;min-height:100vh;padding:2rem;font-family:Consolas,Courier New,monospace}.projects-title{text-align:center;font-size:2.5rem;color:#9cdcfe;margin-bottom:2rem;position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem}.modern-spinner{width:48px;height:48px;border:4px solid #23272e;border-top:4px solid #22d3ee;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.2rem;box-shadow:0 2px 12px #22d3ee33}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shimmer-bar{width:220px;height:8px;border-radius:4px;background:linear-gradient(90deg,#23272e 25%,#22d3ee,#23272e 75%);background-size:400% 100%;animation:shimmer 1.4s infinite linear;margin-top:1.5rem;box-shadow:0 1px 6px #0004}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2.2rem;padding:1.5rem 0}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr;gap:1.1rem;padding:.5rem 0}}.project-card{position:relative;background:linear-gradient(135deg,#22272ed9 80%,#1e1e1ed9);border-radius:18px;box-shadow:0 4px 32px #22d3ee18,0 2px 8px #0004;padding:1.2rem 1rem 1.3rem;display:flex;flex-direction:column;align-items:stretch;min-width:0;max-width:370px;margin:0 auto;border:1.5px solid #22d3ee22;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s;cursor:pointer;animation:fadeInCard .7s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--delay, 0s)}.project-card-hover,.project-card:focus-visible{transform:translateY(-7px) scale(1.045);box-shadow:0 8px 36px #22d3ee44,0 4px 16px #0006;border-color:#22d3ee88}.accent-bar{position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#22d3ee,#6a9955);border-top-left-radius:18px;border-top-right-radius:18px;opacity:.65;transition:opacity .22s;z-index:2}.project-card-hover .accent-bar,.project-card:focus-visible .accent-bar{opacity:1}.project-image{width:100%;height:120px;object-fit:cover;border-radius:12px;margin-bottom:.7rem;background:#23272e;box-shadow:0 2px 12px #22d3ee11;border:1px solid #23272e;display:block}@media (max-width: 600px){.project-image{height:90px;border-radius:9px;margin-bottom:.5rem}}.project-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.18rem}.project-icon{font-size:1.25rem;color:#22d3ee;filter:drop-shadow(0 1px 2px #22d3ee44)}.project-name{font-size:1.08rem;font-weight:700;margin:0;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.project-description{color:#bdbdbd;font-size:.97rem;margin:.18rem 0 .6rem;min-height:36px;flex:0 0 auto;font-weight:400;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.32rem;margin-bottom:.6rem}.tech-badge{background:#22d3ee17;color:#22d3ee;font-size:.77rem;padding:.16rem .58rem;border-radius:11px;font-weight:500;letter-spacing:.01em;border:1px solid #22d3ee22;box-shadow:0 1px 2px #22d3ee11}.project-stats{display:flex;gap:1.05rem;margin-bottom:.6rem}.stat{display:flex;align-items:center;gap:.28rem;font-size:.92rem;font-weight:500}.stat-star{color:#ffd700cc}.stat-fork{color:#bdbdbd}.stat-icon{font-size:1.05em}.project-links{display:flex;gap:.6rem;margin-top:auto}.project-link{display:flex;align-items:center;gap:.28rem;font-weight:600;font-size:.97rem;text-decoration:none;padding:.17rem .65rem;border-radius:8px;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.github-link{color:#22d3ee;background:#22d3ee17;border:1px solid #22d3ee22}.github-link:hover,.github-link:focus-visible{background:#22d3ee2e;border-color:#22d3ee55}.demo-link{color:#6a9955;background:#6a995517;border:1px solid #6A995522}.demo-link:hover,.demo-link:focus-visible{background:#6a99552e;border-color:#6a995555}@media (max-width: 600px){.project-card{padding:.85rem .6rem 1rem;border-radius:12px;max-width:98vw}.accent-bar{border-top-left-radius:12px;border-top-right-radius:12px;height:4px}}@media (max-width: 400px){.project-card{padding:.5rem .2rem .7rem;border-radius:8px}.accent-bar{border-top-left-radius:8px;border-top-right-radius:8px;height:3px}}@keyframes fadeInCard{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}.content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.content{flex:1;background-color:#1e1e1e;color:#ccc;padding:20px;overflow-y:auto}.header{background-color:#2d2d2d;height:8vh;display:flex;align-items:center;padding:0 20px;color:#fff;position:relative;z-index:2;-webkit-app-region:drag}.window-controls{display:flex;gap:10px;-webkit-app-region:no-drag;flex-shrink:0}.control{width:12px;height:12px;border-radius:50%;cursor:pointer}.control.close{background-color:#ff5f56}.control.minimize{background-color:#ffbd2e}.control.maximize{background-color:#27c93f}.title{font-size:14px;width:30vw;text-align:center;color:#ccc;background-color:#1e1e1e;padding:5px 15px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:50%;transform:translate(-50%)}.burger-menu{display:none;flex-direction:column;gap:4px;cursor:pointer;-webkit-app-region:no-drag}.burger-line{width:20px;height:2px;background-color:#ccc}@media (max-width: 768px){.burger-menu{display:flex}}.back-nav{background:none;border:none;color:#ccc;display:flex;align-items:center;gap:5px;font-size:14px;cursor:pointer;padding:5px 10px;border-radius:5px;-webkit-app-region:no-drag;flex-shrink:0;margin-left:10px}.back-nav:hover{background-color:#ffffff1a}@media (max-width: 768px){.back-nav{font-size:0}.back-nav svg{font-size:14px}}.sidebar{width:300px;background-color:#252526;color:#ccc;border-right:1px solid #1e1e1e;overflow-y:auto;transition:transform .3s ease-in-out}.sidebar.visible{transform:translate(0)}.file-tree{padding:10px}.folder,.file{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:14px;border-radius:3px;transition:background-color .2s ease,color .2s ease}.folder:hover,.file:hover{background-color:#2a2d2e}.file a{color:inherit;text-decoration:none;flex:1;display:flex;align-items:center;gap:8px}.file.active{background-color:#094771;color:#fff}.file.active:hover{background-color:#094771}.folder svg,.file svg{width:16px;height:16px;color:#ccc}.file.active svg{color:#fff}@media (max-width: 768px){.sidebar{position:fixed;top:8vh;left:0;height:92vh;transform:translate(-100%);z-index:1000}.sidebar.visible{transform:translate(0)}.sidebar{display:none}}.activity-bar{background-color:#252526;width:60px;display:flex;flex-direction:column;align-items:center;padding-top:10px;border-right:1px solid #1e1e1e}.icon{color:#ccc;margin:15px 0;cursor:pointer;transition:color .3s;font-size:25px}.icon:hover{color:#fff}.icon a{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center}.icon a:hover{color:inherit}@media (max-width: 768px){.activity-bar{width:50px}.icon{font-size:22px;margin:12px 0}}@media (max-width: 600px){.activity-bar{width:40px}.icon{font-size:20px;margin:10px 0}}@media (max-width: 480px){.activity-bar{width:35px}.icon{font-size:18px;margin:8px 0}}@media (max-width: 360px){.activity-bar{width:30px}.icon{font-size:16px;margin:6px 0}}@media (max-width: 320px){.activity-bar{width:25px}.icon{font-size:14px;margin:5px 0}}.file-explorer{background-color:#252526;color:#ccc;border-bottom:1px solid #1e1e1e;overflow:hidden}.tabs{display:flex;gap:5px;padding:5px;background-color:#2d2d2d;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:5px;padding:5px 10px;cursor:pointer;background-color:#2d2d2d;border-radius:3px 3px 0 0;border:1px solid transparent;flex-shrink:0}.tab.active{background-color:#1e1e1e;border-color:#1e1e1e;border-bottom-color:transparent}.tab:hover{background-color:#3e3e3e}a{color:inherit;text-decoration:none}.layout-wrapper{background-color:#1e1e1e;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.layout-main{display:flex;flex:1;overflow:hidden}.hero-title{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.hero-title.visible{opacity:1;transform:none}.landing-container{min-height:100vh;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);perspective:1000px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff}.particle-container{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#4fc3f7;border-radius:50%;filter:blur(1px)}.landing-content{position:relative;z-index:1;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;transform-style:preserve-3d}.title-container{text-align:center;margin-bottom:4rem;transform-style:preserve-3d}.main-question{font-size:clamp(3rem,10vw,6rem);font-weight:800;margin:0;background:linear-gradient(90deg,#4fc3f7,#00b0ff,#2196f3,#4fc3f7);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(79,195,247,.3)}.question-mark-container{position:absolute;top:-20px;right:-20px;transform-style:preserve-3d}.floating-question{position:absolute;font-size:2rem;color:#4fc3f7;opacity:.3}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:min(100%,1200px);transform-style:preserve-3d}.choice-card-wrapper{perspective:1000px}.choice-card{position:relative;padding:2rem;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transform-style:preserve-3d;transition:transform .3s ease}.choice-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.1) 0%,transparent 50%);border-radius:inherit;opacity:0;transition:opacity .3s ease}.choice-card:hover:before{opacity:1}.choice-card:hover{background:#ffffff1a;border-color:#4fc3f780}.choice-card.selected{background:#4fc3f733;border-color:#4fc3f7;transform:scale(.95)}.choice-icon{font-size:3rem;margin-bottom:1.5rem;color:#4fc3f7}.choice-card h2{font-size:1.5rem;margin-bottom:1rem;color:#fff}.choice-card p{color:#ffffffb3;line-height:1.6}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;width:4px;height:4px;background:#4fc3f733;border-radius:50%;filter:blur(1px)}.mouse-guide{margin-top:2rem;display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.875rem}.modern-landing{min-height:100vh;background:#0a0a0a;color:#fff;position:relative;overflow:hidden}.cursor-glow{width:400px;height:400px;position:fixed;pointer-events:none;background:radial-gradient(circle,rgba(79,195,247,.1) 0%,rgba(79,195,247,.05) 20%,transparent 70%);transform:translate(-50%,-50%);z-index:1}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;padding:2rem}.hero-title{font-size:clamp(3rem,10vw,6rem);margin-bottom:4rem;text-align:center}.gradient-text{background:linear-gradient(45deg,#4fc3f7,#81c784,#ff8a65);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradient-shift 8s ease infinite}.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:min(100%,1200px);padding:1rem}.role-card{position:relative;background:#ffffff08;border-radius:24px;padding:2rem;cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content{position:relative;z-index:2}.icon-wrapper{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.role-card h2{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.role-card p{color:#aaa;margin-bottom:1rem;font-size:1.1rem}.detail-text{display:block;font-size:.9rem;color:#666;margin-bottom:2rem}.hover-arrow{color:#fff;opacity:0;transform:translate(-10px);transition:all .3s ease}.role-card:hover .hover-arrow{opacity:1;transform:translate(0)}.card-bg{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .3s ease}.role-card:hover .card-bg{opacity:1}.background-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;z-index:0}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.landing-container{padding:1rem}.choice-grid{gap:1rem}.choice-card{padding:1.5rem}.hero-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:2rem}.role-card{padding:1.5rem}.icon-wrapper{width:50px;height:50px;font-size:1.2rem}.role-card h2{font-size:1.5rem}.cursor-glow{display:none}}@media (max-width: 480px){.main-question{font-size:2rem}.sub-text{font-size:.875rem}.choice-card{padding:1.25rem}.choice-icon{font-size:2.5rem}}@media (prefers-reduced-motion: reduce){.floating-element{display:none}}.no-page-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1e1e1e,#2c3e50);color:#ccc;text-align:center;padding:20px}.no-page-content{max-width:600px;animation:fadeIn 1s ease-in-out}.no-page-title{font-size:6rem;color:#4fc3f7;margin-bottom:20px;text-shadow:0 0 20px rgba(79,195,247,.7)}.no-page-message{font-size:1.5rem;color:#a0a0a0;margin-bottom:30px}.no-page-button{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#4fc3f7,#3ba9d9);color:#1e1e1e;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #4fc3f766}.no-page-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4fc3f799}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.no-page-title{font-size:4rem}.no-page-message{font-size:1.2rem}.no-page-button{font-size:1rem;padding:10px 20px}}@media (max-width: 480px){.no-page-title{font-size:3rem}.no-page-message{font-size:1rem}.no-page-button{font-size:.9rem;padding:8px 16px}}.linkedin-cv{min-height:100vh;background:#f3f2ef;padding:20px 20px 50px;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.back-nav{position:fixed;top:20px;left:20px;padding:10px 20px;background:#fff;border:none;border-radius:30px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;z-index:100;font-weight:600;color:#0a66c2}.cv-content{max-width:1128px;margin:60px auto 0;display:flex;flex-direction:column;gap:20px}.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 2px #0000001a}.profile-section{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000001a}.cover-photo{height:200px;background:linear-gradient(45deg,#0077b5,#00a0dc)}.profile-info{padding:0 24px 24px;position:relative}.profile-photo{width:152px;height:152px;border:4px solid white;border-radius:50%;margin-top:-76px;object-fit:cover}.profile-header{margin-top:16px}.profile-header h1{font-size:24px;font-weight:600;margin-bottom:4px;color:#000000e6}.profile-header h2{font-size:16px;color:#0009;margin-bottom:8px;font-weight:400}.location,.connections{display:flex;align-items:center;gap:5px;color:#0009;font-size:14px;margin:5px 0}.contact-link{color:#0a66c2;text-decoration:none;font-weight:600;margin-left:5px;cursor:pointer}.contact-link:hover{text-decoration:underline}.contact-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:14px;border:none}.primary-btn{background:#0a66c2;color:#fff}.secondary-btn{background:#fff;color:#0a66c2;border:1px solid #0a66c2}.secondary-btn.outline{background:#fff;color:#0009;border:1px solid rgba(0,0,0,.6)}.primary-btn:hover{background:#004182}.secondary-btn:hover{background:#0a66c21a;border:1px solid #004182}.secondary-btn.outline:hover{background:#0000000d;border:1px solid rgba(0,0,0,.8)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-header h3{font-size:20px;font-weight:600;color:#000000e6;margin:0}.section-icon{color:#0009;font-size:20px}.about-section p{color:#000000e6;font-size:14px;line-height:1.5;margin-bottom:10px}.see-more{color:#0a66c2;text-decoration:none;font-weight:600;font-size:14px;display:inline-block;margin-top:5px;cursor:pointer}.see-more:hover{text-decoration:underline}.experience-item,.education-item{display:flex;gap:16px;margin-bottom:20px}.company-logo-container,.school-logo-container{width:56px;height:56px;border-radius:8px;background-color:#f3f2ef;display:flex;align-items:center;justify-content:center;flex-shrink:0}.entity-icon{font-size:28px;color:#0a66c2}.experience-content,.education-content{flex:1}.experience-content h4,.education-content h4{font-size:16px;font-weight:600;color:#000000e6;margin:0 0 5px}.company,.institution{font-size:14px;color:#000000b3;font-weight:600;margin:0 0 5px}.field{font-size:14px;color:#0009;margin:0 0 5px}.period{font-size:12px;color:#0009;margin:0 0 10px}.achievements{margin-top:10px;padding-left:20px}.achievements li{margin-bottom:8px;color:#000000b3;font-size:14px;position:relative}.achievements li:before{content:"•";position:absolute;left:-15px;color:#0a66c2}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:16px}.skill-item{background:#fff;padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px;border:1px solid #e0e0e0}.skill-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0076c01a}.skill-info{flex:1}.skill-name{font-size:14px;font-weight:600;color:#000000e6;display:block}.endorsements{font-size:12px;color:#0009}.show-all{color:#0a66c2;background:none;border:none;font-weight:600;font-size:14px;margin-top:10px;cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;gap:5px}.show-all:hover{background:#0a66c21a}.language-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.language-item:last-child{border-bottom:none}.language-name{font-size:14px;color:#000000e6;font-weight:600}.language-level{font-size:14px;color:#0009}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#0009}.modal-header{font-size:20px;font-weight:600;margin-bottom:16px;color:#000000e6}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:12px;padding:8px 0}.contact-icon{color:#0a66c2;font-size:20px}.contact-details{flex:1}.contact-label{font-size:14px;color:#0009}.contact-value{font-size:16px;color:#000000e6;font-weight:600}@media (max-width: 768px){.cv-content{margin-top:40px}.profile-photo{width:120px;height:120px;margin-top:-60px}.contact-buttons{flex-direction:column}.skills-grid{grid-template-columns:1fr}.experience-item,.education-item{flex-direction:column}.company-logo-container,.school-logo-container{width:48px;height:48px}}@media (max-width: 480px){.profile-photo{width:100px;height:100px;margin-top:-50px}.profile-header h1{font-size:20px}.profile-header h2{font-size:14px}.section-header h3{font-size:18px}}