.menu-container{background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#0f1629 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.menu-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff57221a 0%,#0000 70%);width:100%;height:100%;animation:8s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}.menu-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#3f51b51a 0%,#0000 70%);width:100%;height:100%;animation:10s ease-in-out infinite reverse pulse;position:absolute;bottom:-50%;left:-50%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.menu-content{z-index:2;width:100%;max-width:600px;position:relative}.menu-header{text-align:left;margin-bottom:60px}.menu-title{background:linear-gradient(135deg,#ff5722 0%,#ff9800 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:4rem;font-weight:700}.menu-subtitle{color:#b0bec5;letter-spacing:2px;font-size:1.2rem;font-weight:300}.menu-items{flex-direction:column;gap:20px;margin-bottom:60px;display:flex}.menu-item{color:#e0e0e0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff572233;border-radius:8px;justify-content:space-between;align-items:center;padding:20px 30px;font-size:1.1rem;transition:all .3s;display:flex}.menu-item:hover{background:#ff57221a;border-color:#ff572280;transform:translate(10px)}.menu-item-text{text-align:left;flex:1}.menu-item-arrow{opacity:.5;font-size:1.5rem;transition:all .3s}.menu-item:hover .menu-item-arrow{opacity:1;transform:translate(5px)}.menu-footer{text-align:center;color:#64748b;border-top:1px solid #ff57221a;padding-top:40px;font-size:.95rem}.menu-decoration{opacity:.3;border:2px solid #ff57221a;border-radius:50%;width:300px;height:300px;animation:20s linear infinite rotate;position:absolute;top:10%;right:5%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.menu-title{font-size:2.5rem}.menu-subtitle{font-size:1rem}.menu-item{padding:15px 20px;font-size:1rem}.menu-decoration{width:150px;height:150px}}.page-container{background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#0f1629 100%);min-height:100vh;padding:40px 20px 80px;position:relative;overflow-x:hidden}.page-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#ff57220d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#3f51b50d 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.page-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.back-button{color:#ff5722;cursor:pointer;background:#ff57221a;border:1px solid #ff57224d;border-radius:6px;align-items:center;gap:8px;margin-bottom:40px;padding:10px 20px;font-size:.95rem;transition:all .3s;display:inline-flex}.back-button:hover{background:#ff572233;border-color:#ff572299;transform:translate(-4px)}.page-header{margin-bottom:60px}.page-title{background:linear-gradient(135deg,#ff5722 0%,#ff9800 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3.5rem;font-weight:700}.title-line{background:linear-gradient(90deg,#ff5722 0%,#ff9800 100%);border-radius:2px;width:80px;height:4px}.section{margin-bottom:50px}.section h2{color:#e0e0e0;margin-bottom:20px;font-size:1.8rem;font-weight:600}.section p{color:#b0bec5;margin-bottom:15px;font-size:1.05rem;line-height:1.8}.section ul{margin:0;padding:0;list-style:none}.section li{color:#b0bec5;margin-bottom:12px;padding-left:25px;font-size:1.05rem;position:relative}.section li:before{content:"▸";color:#ff5722;position:absolute;left:0}.experience-list{flex-direction:column;gap:25px;margin-bottom:50px;display:flex}.experience-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0d;border:1px solid #ff572233;border-radius:12px;padding:30px;transition:all .3s}.experience-card:hover{background:#ff57221a;border-color:#ff572280;transform:translateY(-5px)}.experience-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.experience-title{color:#ff9800;margin-bottom:5px;font-size:1.3rem;font-weight:600}.experience-company{color:#b0bec5;margin:0;font-size:.95rem}.experience-period{color:#64748b;white-space:nowrap;font-size:.9rem}.experience-description{color:#cbd5e0;margin-bottom:15px;font-size:1rem;line-height:1.6}.experience-tags{flex-wrap:wrap;gap:10px;display:flex}.tag{color:#90caf9;background:#3f51b526;border:1px solid #3f51b566;border-radius:20px;padding:6px 14px;font-size:.85rem;transition:all .3s;display:inline-block}.tag:hover{background:#3f51b540;border-color:#3f51b5b3}.education-item{background:#3f51b51a;border-left:4px solid #3f51b580;border-radius:4px;margin-bottom:20px;padding:20px}.education-item h3{color:#90caf9;margin-bottom:5px;font-size:1.1rem}.education-meta{color:#64748b;margin-bottom:10px;font-size:.9rem}.education-item ul{padding:0;list-style:none}.education-item li{color:#cbd5e0;margin-bottom:8px;padding-left:20px;position:relative}.education-item li:before{content:"✓";color:#90caf9;position:absolute;left:0}.projects-list{grid-template-columns:1fr;gap:25px;margin-bottom:50px;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #3f51b54d;border-radius:12px;padding:30px;transition:all .3s}.project-card:hover{background:#3f51b51a;border-color:#3f51b599;transform:translateY(-5px)}.project-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.project-title{color:#90caf9;margin-bottom:5px;font-size:1.3rem;font-weight:600}.project-period{color:#64748b;white-space:nowrap;font-size:.9rem}.project-description{color:#cbd5e0;margin-bottom:10px;font-size:1rem;line-height:1.6}.project-highlight{color:#90caf9;margin-bottom:15px;font-size:.95rem;font-style:italic}.tech-stack{flex-wrap:wrap;gap:10px;display:flex}.tech-tag{color:#ffb74d;background:#ff572226;border:1px solid #ff572266;border-radius:20px;padding:6px 14px;font-size:.85rem;transition:all .3s;display:inline-block}.tech-tag:hover{background:#ff572240;border-color:#ff5722b3}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:50px;display:grid}.skill-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff572233;border-radius:12px;padding:30px;transition:all .3s}.skill-category:hover{background:#ff57221a;border-color:#ff572280;transform:translateY(-5px)}.category-title{color:#ff9800;margin-bottom:20px;font-size:1.1rem;font-weight:600}.skills-list{flex-wrap:wrap;gap:12px;display:flex}.skill-badge{color:#ffb74d;cursor:pointer;background:#ff572226;border:1px solid #ff572266;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:inline-block}.skill-badge:hover{background:#ff572240;border-color:#ff5722b3}.recognition-list{padding:0;list-style:none}.recognition-list li{color:#cbd5e0;border-bottom:1px solid #ff57221a;padding:15px 0 15px 30px;font-size:1.05rem;position:relative}.recognition-list li:before{content:"";background:#ff5722;border-radius:3px;width:12px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.languages-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px;display:grid}.language-item{text-align:center;background:#3f51b51a;border:1px solid #3f51b54d;border-radius:8px;padding:20px}.language-name{color:#90caf9;margin-bottom:5px;font-size:1.1rem;font-weight:600}.language-level{color:#64748b;margin:0;font-size:.95rem}.contact-intro{text-align:center;margin-bottom:50px}.contact-intro p{color:#cbd5e0;font-size:1.1rem}.contact-links{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:50px;display:grid}.contact-item{width:100%}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0d;border:1px solid #ff572233;border-radius:12px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}.contact-card:hover{background:#ff572226;border-color:#ff572280;transform:translate(10px)}.contact-icon{flex-shrink:0;font-size:2rem}.contact-info{flex:1}.contact-label{color:#64748b;margin-bottom:5px;font-size:.9rem}.contact-value{color:#e0e0e0;margin:0;font-size:1.1rem}.contact-arrow{color:#ff5722;opacity:.5;font-size:1.5rem;transition:all .3s}.contact-card:hover .contact-arrow{opacity:1;transform:translate(5px)}.looking-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:0;list-style:none;display:grid}.looking-list li{color:#cbd5e0;background:#ff57221a;border-left:3px solid #ff5722;border-radius:4px;margin:0;padding:15px}.footer-cta{text-align:center;background:linear-gradient(135deg,#ff57221a 0%,#3f51b51a 100%);border:1px solid #ff572233;border-radius:12px;margin-top:60px;padding:40px}.footer-cta h3{color:#ff9800;margin-bottom:10px;font-size:1.5rem}.footer-cta p{color:#b0bec5;margin-bottom:20px}.cta-button{color:#fff;background:linear-gradient(135deg,#ff5722 0%,#ff9800 100%);border-radius:8px;padding:15px 40px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff57224d}.achievement-list{margin:20px 0;padding:0;list-style:none}.achievement-list li{color:#cbd5e0;padding:12px 0 12px 25px;font-size:1.05rem;position:relative}.achievement-list li:before{content:"";background:#ff5722;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:0}.highlight-section{background:#ff572214;border-left:4px solid #ff5722;border-radius:8px;padding:30px}@media (width<=768px){.page-title{font-size:2.5rem}.page-container{padding:30px 15px 60px}.experience-header,.project-header{flex-direction:column}.skills-grid,.looking-list,.contact-links{grid-template-columns:1fr}.section h2{font-size:1.5rem}.section p{font-size:1rem}}.app-container{background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 100%);width:100vw;min-height:100vh;position:relative}.app-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#ff572208 0%,#0000 50%),radial-gradient(circle at 80% 80%,#3f51b508 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0e27;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}html,body,#root{width:100%;height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0e27}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096}