#root{display:flex;align-items:center;justify-content:center;max-width:1280px;margin:0 auto;text-align:center;color:#fff}#root-container{max-width:1280px}.my-profile{height:100%}.my-profile-portrait{max-height:800px;height:80%}.my-profile-portrait-content{height:95%;padding:1rem}#vote-counts{font-size:30px}.upvote-button{height:50px}.fancy-layout{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;opacity:0;transform:translateY(20px);transition:all .8s ease-out}.fancy-layout.fade-in{opacity:1;transform:translateY(0)}.fancy-header{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000001a;padding:0!important;height:auto!important}.fancy-header .header-content{display:flex;align-items:center;justify-content:space-between;padding:20px 50px;max-width:1200px;margin:0 auto}.fancy-header .header-content .header-avatar .ant-avatar{border:3px solid #667eea;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.fancy-header .header-content .header-avatar .ant-avatar:hover{transform:scale(1.1);box-shadow:0 6px 25px #667eea80}.fancy-header .header-content .header-title{flex:1;text-align:center}.fancy-header .header-content .header-title .main-title{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;font-weight:700;font-size:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.fancy-header .header-content .header-title .subtitle{color:#666;font-size:1.1rem;font-weight:500}.fancy-header .header-content .header-decoration{display:flex;gap:10px}.fancy-header .header-content .header-decoration .floating-icon{font-size:1.5rem;animation:float 3s ease-in-out infinite}.fancy-header .header-content .header-decoration .floating-icon:nth-child(1){animation-delay:0s}.fancy-header .header-content .header-decoration .floating-icon:nth-child(2){animation-delay:1s}.fancy-header .header-content .header-decoration .floating-icon:nth-child(3){animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fancy-content{padding:40px 20px!important}.fancy-content .content-wrapper{max-width:1200px;margin:0 auto}.fancy-tabs .ant-tabs-nav{margin-bottom:32px!important}.fancy-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:12px!important;margin-right:8px;padding:12px 20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fancy-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.fancy-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{background:linear-gradient(45deg,#667eea,#764ba2);border-color:transparent}.fancy-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .fancy-tab-label{color:#fff}.fancy-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .fancy-tab-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.fancy-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .fancy-tab-label .anticon{font-size:1.1rem}.fancy-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fancy-card-container .fancy-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;transition:all .3s ease;overflow:hidden}.fancy-card-container .fancy-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #00000026}.fancy-card-container .fancy-card .ant-card-head{background:linear-gradient(45deg,#667eea,#764ba2);border-bottom:none;border-radius:20px 20px 0 0}.fancy-card-container .fancy-card .ant-card-head .fancy-card-title{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:1.3rem}.fancy-card-container .fancy-card .ant-card-head .fancy-card-title .title-icon{font-size:1.5rem;animation:pulse 2s infinite}.fancy-card-container .fancy-card .ant-card-body{padding:32px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-avatar{border:4px solid #667eea!important;box-shadow:0 8px 25px #667eea4d;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 12px 35px #667eea80}.profile-status{margin-top:16px}.profile-status .status-tag{border-radius:20px;padding:8px 16px;font-weight:600;border:none;box-shadow:0 4px 15px #52c41a4d}.info-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.info-item .info-icon{color:#667eea;font-size:1.2rem;width:24px}.info-item .info-value{color:#333;font-weight:500}.bio-section{margin-top:20px;padding:20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border-left:4px solid #667eea}.bio-section .bio-text{margin-top:8px;font-size:1.1rem;line-height:1.6;color:#555}.experience-timeline{position:relative;padding-left:30px;margin-bottom:30px}.experience-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#667eea,#764ba2)}.experience-timeline .timeline-item{position:relative;margin-bottom:30px}.experience-timeline .timeline-item .timeline-dot{position:absolute;left:-22px;top:8px;width:12px;height:12px;background:#667eea;border-radius:50%;border:3px solid white;box-shadow:0 0 0 3px #667eea4d}.experience-timeline .timeline-item .timeline-content{background:#667eea0d;padding:20px;border-radius:12px;border-left:3px solid #667eea}.experience-timeline .timeline-item .timeline-content .ant-typography-h4{color:#333;margin-bottom:8px}.education-item{text-align:center;border-radius:16px;transition:all .3s ease;border:2px solid rgba(102,126,234,.2)}.education-item:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 8px 25px #667eea33}.education-item .university-logo{font-size:3rem;margin-bottom:16px}.education-item .ant-typography-h4{color:#333;margin-bottom:8px}.project-card{text-align:center;border-radius:16px;transition:all .3s ease;border:2px solid rgba(102,126,234,.2)}.project-card:hover{transform:translateY(-8px);border-color:#667eea;box-shadow:0 12px 35px #667eea40}.project-card .project-icon{font-size:3rem;margin-bottom:16px}.project-card .project-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;padding:8px 24px;height:auto;font-weight:600}.project-card .project-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea66}.skill-item{margin-bottom:20px}.skill-item .skill-header{display:flex;justify-content:space-between;margin-bottom:8px}.skill-item .skill-progress .ant-progress-bg{border-radius:10px;transition:all .3s ease}.skill-item .skill-progress:hover .ant-progress-bg{box-shadow:0 0 15px #667eea80}.interests-section{margin-top:40px;padding-top:30px;border-top:2px solid rgba(102,126,234,.1)}.interests-section .interest-tag{border-radius:20px;padding:8px 16px;font-weight:600;border:none;margin-bottom:8px;transition:all .3s ease}.interests-section .interest-tag:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}.cat-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #00000026;transition:all .3s ease}.cat-image-container:hover{transform:scale(1.02);box-shadow:0 12px 35px #0003}.cat-image-container:hover .cat-overlay{opacity:1}.cat-image-container .cat-image{width:100%;height:auto;border-radius:20px;transition:all .3s ease}.cat-image-container .cat-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:20px;opacity:0;transition:all .3s ease}.cat-image-container .cat-overlay .cat-caption{color:#fff;font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.cat-info .cat-services{list-style:none;padding:0}.cat-info .cat-services li{padding:8px 0;font-size:1.1rem;color:#555;border-bottom:1px solid rgba(0,0,0,.05)}.cat-info .cat-services li:last-child{border-bottom:none}.cat-info .cat-status{margin-top:20px;border-radius:20px;padding:10px 20px;font-weight:600;border:none;box-shadow:0 4px 15px #ffc0cb4d}.social-button{border-radius:25px;height:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:none}.social-button.linkedin-button{background:linear-gradient(45deg,#0077b5,#00a0dc)}.social-button.linkedin-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0077b566}.social-button.github-button{background:linear-gradient(45deg,#333,#555)}.social-button.github-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3336}.connect-intro{text-align:center;margin-bottom:30px}.connect-intro .connect-text{font-size:1.2rem;color:#555;line-height:1.6}.contact-cta{margin-top:40px;padding:30px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;text-align:center;border:2px solid rgba(102,126,234,.2)}.fancy-footer{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);padding:30px 0!important}.fancy-footer .footer-content{max-width:1200px;margin:0 auto;text-align:center}.fancy-footer .footer-content .footer-quote{margin-bottom:16px}.fancy-footer .footer-content .footer-quote .ant-typography{color:#667eea;font-size:1.1rem;font-weight:500}.fancy-footer .footer-content .footer-copyright{margin-bottom:12px}.fancy-footer .footer-content .footer-copyright .footer-emoji{display:inline-block;animation:bounce 2s infinite;margin-left:8px}.fancy-footer .footer-content .footer-tech .tech-stack{font-size:.9rem;color:#999}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fancy-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;padding:12px 30px;height:auto;font-weight:600;font-size:1.1rem;transition:all .3s ease}.fancy-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}@media (max-width: 768px){.fancy-header .header-content{flex-direction:column;gap:16px;padding:20px}.fancy-header .header-content .header-decoration{display:none}.fancy-content{padding:20px 10px!important}.fancy-card .ant-card-body{padding:20px}.experience-timeline{padding-left:20px}.experience-timeline .timeline-dot{left:-16px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;place-items:center;min-width:240px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}