.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease;padding:0 24px!important;height:auto!important;line-height:normal!important}.header.scrolled{background:#001529f2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;white-space:nowrap}.logo span{display:inline-flex;align-items:center}.cursor{margin-left:2px;font-weight:700;color:#667eea}.cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.desktop-menu{display:block}.nav-menu{background:transparent!important;border:none!important}.nav-menu .ant-menu-item{border:none!important;transition:all .3s ease}.nav-menu .ant-menu-item:hover{color:#667eea!important}.nav-menu .ant-menu-item-selected{background:transparent!important;color:#667eea!important}.mobile-menu-btn{display:none;color:#fff!important;font-size:1.2rem!important}.mobile-drawer .ant-drawer-body{padding:0!important}.mobile-menu{border:none!important;box-shadow:none!important}@media(max-width:768px){.desktop-menu{display:none}.mobile-menu-btn{display:block}.header{background:#001529f2!important}}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text{color:#fff}.hero-name{font-size:4rem!important;font-weight:700!important;margin-bottom:16px!important;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-title{font-size:2.5rem!important;font-weight:300!important;margin-bottom:24px!important;opacity:.95}.hero-description{font-size:1.2rem!important;line-height:1.8!important;margin-bottom:40px!important;opacity:.9;color:#ffffffe6!important}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-avatar{width:300px;height:300px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;box-shadow:0 8px 32px #0003;animation:float 6s ease-in-out infinite}.avatar-placeholder{font-size:8rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.floating-elements{position:absolute;width:100%;height:100%}.floating-element{position:absolute;font-size:3rem;animation:float 4s ease-in-out infinite;opacity:.8}.element-1{top:10%;left:10%;animation-delay:0s}.element-2{top:20%;right:10%;animation-delay:1s}.element-3{bottom:20%;left:20%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#fff;font-size:2rem;cursor:pointer;animation:bounce 2s infinite;z-index:2}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-name{font-size:2.5rem!important}.hero-title{font-size:1.8rem!important}.hero-description{font-size:1rem!important}.hero-avatar{width:200px;height:200px}.avatar-placeholder{font-size:5rem}.floating-element{font-size:2rem}}.about-section{padding:100px 24px;background:#f8f9fa}.about-container{max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem!important;font-weight:700!important;margin-bottom:16px!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title-white{background:linear-gradient(135deg,#fff 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.2rem!important;color:#666!important;max-width:600px;margin:0 auto}.about-content{padding-right:24px}.about-paragraph{font-size:1.1rem!important;line-height:1.8!important;color:#333!important;margin-bottom:24px!important}.skills-section{margin-top:48px}.skills-title{margin-bottom:24px!important;color:#333!important}.skill-item{margin-bottom:20px}.skill-info{display:flex;justify-content:space-between;margin-bottom:8px}.skill-name{font-weight:500;color:#333}.skill-level{color:#667eea;font-weight:600}.features-grid{display:grid;gap:24px}.feature-card{text-align:center;border-radius:16px!important;box-shadow:0 4px 6px #0000000d!important;transition:all .3s ease!important;border:none!important}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #667eea26!important}.feature-icon{font-size:3rem;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-title{margin-bottom:12px!important;color:#333!important}.feature-description{color:#666!important;margin-bottom:0!important}@media(max-width:768px){.about-section{padding:60px 16px}.section-title{font-size:2rem!important}.section-description{font-size:1rem!important}.about-content{padding-right:0}.about-paragraph{font-size:1rem!important}.features-grid{grid-template-columns:1fr}}.contact-section{padding:100px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-header .section-title{color:#fff!important}.contact-header .section-description{color:#ffffffe6!important}.contact-info{margin-bottom:48px}.contact-item{display:flex;align-items:center;margin-bottom:32px;padding:20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.contact-item:hover{background:#ffffff26;transform:translate(8px)}.contact-icon{font-size:2rem;margin-right:20px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.contact-details{display:flex;flex-direction:column}.contact-label{font-size:.9rem;opacity:.8;margin-bottom:4px}.contact-value{font-size:1.1rem;font-weight:500}.social-links{margin-top:48px}.social-links Title{margin-bottom:20px!important}.social-icons{display:flex;gap:16px}.social-icon{padding:12px 24px;background:#fff3;border-radius:8px;color:#fff!important;text-decoration:none;transition:all .3s ease;font-weight:500}.social-icon:hover{background:#ffffff4d;transform:translateY(-4px)}.contact-form{background:#ffffff1a;padding:40px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form .ant-form-item-label>label{color:#fff!important;font-weight:500}.contact-form .ant-input{background:#ffffffe6;border:none}.contact-form .ant-input:focus{background:#fff;box-shadow:0 0 0 2px #ffffff80}.contact-form .ant-btn-primary{background:#fff;color:#667eea;border:none;font-weight:600}.contact-form .ant-btn-primary:hover{background:#ffffffe6}@media(max-width:768px){.contact-section{padding:60px 16px}.contact-form{padding:24px}.social-icons{flex-wrap:wrap}}.footer{background:#001529!important;padding:24px!important}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-text,.footer-text a{color:#ffffffa6!important;font-size:.9rem!important}.heart-icon{color:#ff4d4f;margin:0 4px;animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-text a{color:#ffffffa6!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}.app{min-height:100vh;background-color:#fff}.content{min-height:calc(100vh - 64px);padding-top:64px;background:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media(max-width:768px){.ant-col-xs-24{margin-bottom:24px}.ant-card{margin-bottom:16px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}