body{font-family:Inter,sans-serif;color:#eaeaea;overflow-x:hidden}h1,h2,h3,h4,h5{font-weight:600;letter-spacing:-.01em}p{line-height:1.6;color:inherit}.fade-section{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.fade-section{transition:none;transform:none;opacity:1}}.hero-section{min-height:100vh;padding:0 8%;display:flex;align-items:center;background:transparent;color:#eaeaea;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 70% 30%,rgba(15,60,55,.14),transparent 65%),radial-gradient(circle at 20% 80%,rgba(10,30,28,.12),transparent 70%);filter:blur(260px);animation:auroraUltra 48s ease-in-out infinite;z-index:0}.hero-wrapper{width:100%;display:grid;grid-template-columns:60% 40%;align-items:center;position:relative;z-index:1}.hero-left{max-width:620px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 10px;border-radius:999px;font-size:13px;font-weight:600;color:#e5e7eb;background:#0009;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:22px}.hero-badge-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.hero-badge-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.hero-title{display:flex;flex-direction:column;gap:6px;min-height:96px;margin-bottom:18px}.hero-hi{font-size:18px;font-weight:500;color:#cbd5e1}.hero-name{display:inline-block;min-width:380px;height:1.1em;font-size:56px;font-weight:700;line-height:1.1;white-space:nowrap;color:#e5e7eb}.hero-desc{max-width:520px;font-size:15px;line-height:1.6;color:#cfcfcf;margin-bottom:32px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:999px;font-size:14px;font-weight:500;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;transition:all .25s ease}.hero-btn:hover{background:#fff;color:#000}.hero-btn-group{display:inline-flex;gap:14px}.hero-right{display:flex;justify-content:center}.profile-card{position:relative;width:320px;padding:22px;border-radius:26px;background:linear-gradient(180deg,#ffffff0f,#000000a6);border:1px solid rgba(192,132,252,.4);box-shadow:0 30px 80px #000000e6;transform-style:preserve-3d;transition:transform .18s ease;overflow:hidden}@keyframes floatIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.profile-card.idle{animation:floatIdle 6s ease-in-out infinite}.profile-aurora{position:absolute;inset:-40%;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),rgba(168,85,247,.45),rgba(34,211,238,.35),rgba(99,102,241,.25),transparent 70%);filter:blur(60px);opacity:0;transition:opacity .3s ease;pointer-events:none}.profile-card:hover .profile-aurora{opacity:1}.profile-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#bdbdbd;margin-bottom:14px}.profile-status .dot{width:8px;height:8px;background:#22c55e;border-radius:50%}.profile-image{width:100%;height:220px;border-radius:18px;overflow:hidden;margin-bottom:16px}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-info h3{font-size:18px;font-weight:600}.profile-info span{font-size:13px;color:#cfcfcf}.profile-btn{margin-top:16px;width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s ease}.profile-btn:hover{background:#fff;color:#000}@media(max-width:900px){.hero-wrapper{grid-template-columns:1fr;gap:60px}.hero-section{padding:100px 6%}.hero-name{font-size:44px}.hero-btn-group{flex-direction:column;width:fit-content}}@keyframes auroraUltra{0%,to{transform:translate(0)}50%{transform:translate(-8%,-6%)}}.shimmer-text{background:linear-gradient(115deg,#8f8f8f,#dcdcdc 18%,#fff 35%,#f5f5f5,#fff 65%,#dcdcdc 82%,#8f8f8f);background-size:260% 100%;background-position:-200% center;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(255,255,255,.25));animation:shimmerTextMove 4s linear infinite}@keyframes shimmerTextMove{0%{background-position:-200% center}to{background-position:200% center}}.cv-overlay{position:fixed;inset:0;z-index:9999;background:#00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center}.cv-modal{position:relative;width:min(820px,90vw);height:min(520px,80vh);background:#0a0a0ae6;border-radius:18px;overflow:hidden;box-shadow:0 40px 120px #000000e6}.cv-modal iframe{width:100%;height:100%}.cv-close{position:absolute;top:12px;right:14px;height:36px;padding:0 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:13px;cursor:pointer;z-index:2}.cv-close:hover{background:#fff;color:#000}.cv-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:13px;color:#cfcfcf}@media(max-width:768px){.hero-left{max-width:100%}.hero-btn-group{display:flex;flex-direction:column;gap:12px;width:100%}.hero-btn-group .hero-btn{width:100%;justify-content:center}.hero-title{min-height:unset}.hero-desc{margin-bottom:28px}.cv-overlay{padding:12px}.cv-modal{width:100%;height:100%;border-radius:12px}.cv-modal iframe{border-radius:0}.cv-close{top:10px;right:10px;height:40px;font-size:14px}.cv-hint{bottom:10px;font-size:12px}}.cv-modal{transform:translateY(100%);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease}@media(max-width:768px){.hero-section:before{filter:blur(160px);opacity:.45;animation-duration:90s}.profile-card{transform:translateZ(0);will-change:transform}@keyframes floatIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.profile-aurora{filter:blur(36px);opacity:.55}.shimmer-text{animation-duration:6.5s;filter:drop-shadow(0 0 2px rgba(255,255,255,.15))}.cv-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cv-modal{transition-duration:.5s}}.cv-overlay.active .cv-overlay.closing .cv-modal{transform:translateY(100%);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease}.cv-overlay.active .cv-modal{transform:translateY(0);opacity:1}.cv-overlay.closing .cv-modal{transform:translateY(100%);opacity:0}.section-separator{width:100%;padding:100px 0;display:flex;justify-content:center;align-items:center}.separator-line{width:70%;height:3px;background:linear-gradient(90deg,transparent,#8b5cf6,#22d3ee,#8b5cf6,transparent);box-shadow:0 0 20px #8b5cf6cc,0 0 40px #22d3ee99;border-radius:999px}.about-section{min-height:100vh;padding:120px 8%;background:linear-gradient(180deg,#0b1f1a,#050505);display:flex;align-items:center}.about-wrapper{position:relative;width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;padding:64px;border-radius:28px;background:#000000bf;border:1px solid rgba(var(--accent-glow),.35);box-shadow:0 0 0 1px rgba(var(--accent-glow),.15),0 0 70px rgba(var(--accent-glow),.25);color:#e5e5e5}.about-title{font-size:42px;font-weight:700;margin-bottom:26px}.about-text{font-size:15px;line-height:1.75;color:#cfcfcf;margin-bottom:20px;text-align:justify;text-justify:inter-word}.about-stats{display:flex;gap:60px;margin:36px 0 18px}.about-stats h3{font-size:34px;font-weight:700;color:rgb(var(--accent-glow))}.about-stats span{font-size:13px;color:#bdbdbd}.about-quote{font-size:13px;color:#9ca3af;margin-top:22px;text-align:justify}.about-visual{position:relative;width:260px;margin-left:auto;border-radius:20px;overflow:hidden;transform-style:preserve-3d;transition:transform .16s ease-out;animation:float 6s ease-in-out infinite;cursor:pointer}.about-visual img{width:100%;display:block;border-radius:20px;position:relative;z-index:2;transform:translateZ(40px)}.about-visual:before{content:"";position:absolute;inset:-60px;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(var(--accent-glow),.45),transparent 65%);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.about-visual:hover:before{opacity:1}.about-visual:after{content:"";position:absolute;inset:-40%;z-index:3;pointer-events:none;background:linear-gradient(120deg,#fff0 35%,#ffffff1a 45%,#ffffff2e,#ffffff1a 55%,#fff0 65%);transform:translate(-30%) translateY(-20%) rotate(12deg);opacity:.35;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s ease}.about-visual:hover:after{transform:translate(20%) translateY(10%) rotate(12deg);opacity:.55}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-shimmer{background:linear-gradient(115deg,#8f8f8f,#dcdcdc 18%,#fff 35%,#f5f5f5,#fff 65%,#dcdcdc 82%,#8f8f8f);background-size:260% 100%;background-position:-200% center;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(255,255,255,.25));animation:aboutShimmerMove 4s linear infinite}@keyframes aboutShimmerMove{0%{background-position:-200% center}to{background-position:200% center}}@media(max-width:900px){.about-wrapper{grid-template-columns:1fr;padding:42px 28px}.about-visual{margin:32px auto 0}.about-text{font-size:14.5px;line-height:1.8;margin-bottom:22px;text-align:justify}}.experience{padding:96px 8%;background:radial-gradient(circle at top,#101010,#070707 60%,#000);color:#eaeaea}.experience-container{max-width:960px;margin:0 auto}.experience-header{margin-bottom:36px}.experience-header h2{font-size:42px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.experience-header p{font-size:16px;color:#a8a8a8;max-width:520px;text-align:justify;text-justify:inter-word}.experience-list{display:grid;gap:22px}.experience-card{position:relative;background:linear-gradient(180deg,#ffffff0f,#000000b3);border-radius:24px;padding:24px 26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 48px #000000d9,inset 0 1px #ffffff0f;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}.experience-card:hover{transform:translateY(-4px);background:#fff;color:#000;border-color:#00000026;box-shadow:0 36px 80px #000000f2}.experience-period{display:inline-block;font-size:13.5px;font-weight:500;color:#b18cff;margin-bottom:8px;transition:color .25s ease}.experience-card h3{font-size:21px;font-weight:600;margin-bottom:6px;letter-spacing:-.01em;transition:color .25s ease}.experience-role{font-size:14.5px;color:#b5b5b5;margin-bottom:12px;transition:color .25s ease}.experience-desc{font-size:15px;line-height:1.7;color:#d1d1d1;text-align:justify;text-justify:inter-word;transition:color .25s ease}.experience-card:hover .experience-period,.experience-card:hover h3,.experience-card:hover .experience-role,.experience-card:hover .experience-desc{color:#000}@media(max-width:768px){.experience{padding:80px 6%}.experience-header h2{font-size:34px}.experience-header p{font-size:15px;line-height:1.75;margin-bottom:28px}.experience-desc{font-size:14.5px;line-height:1.8}.experience-card{padding:22px}}.skills{min-height:100vh;padding:120px 96px;display:flex;flex-direction:column;justify-content:center}.skills-title{text-align:center;font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:64px;color:#fff}.skills-group{margin-bottom:72px;text-align:center}.skills-subtitle{font-size:20px;font-weight:600;margin-bottom:28px;text-align:center}.skills-tags{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;max-width:1000px;margin:0 auto}.skill-tag{background:#fff;color:#000;padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:500;line-height:1;cursor:default;transition:background-color .2s ease,color .2s ease,transform .2s ease}.skill-tag:hover{background:#000;color:#fff;transform:translateY(-2px)}@media(max-width:900px){.skills{padding:100px 24px}.skills-title{font-size:28px;margin-bottom:56px}.skills-subtitle{font-size:18px}}.tools{padding:120px 8%;background:radial-gradient(circle at top,#111,#070707 60%,#000);color:#eaeaea}.tools-title{font-size:42px;font-weight:600;margin-bottom:6px}.tools-subtitle{font-size:15px;color:#9a9a9a;margin-bottom:48px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.tool-card{background:linear-gradient(180deg,#ffffff0a,#0009);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px 22px;display:flex;align-items:center;gap:18px;box-shadow:0 18px 40px #0009,inset 0 1px #ffffff0f;transition:all .35s ease}.tool-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #000000d9,inset 0 1px #ffffff14}.tool-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.tool-icon img{width:28px;height:28px;object-fit:contain}.tool-meta{display:flex;flex-direction:column;gap:4px}.tool-name{font-size:16px;font-weight:500;color:#f1f1f1}.tool-type{font-size:13px;color:#9b9b9b}@media(max-width:1200px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.tools{padding:90px 6%}.tools-grid{grid-template-columns:1fr}.tools-title{font-size:34px}}.contact{padding:120px 8%;background:radial-gradient(circle at center,#121212,#080808 55%,#000);color:#eaeaea}.contact-wrapper{max-width:980px;margin:0 auto;background:linear-gradient(180deg,#ffffff0d,#000000a6);border-radius:28px;padding:36px;box-shadow:0 40px 90px #000000d9,inset 0 1px #ffffff0f;display:grid;grid-template-columns:1fr 1fr;gap:34px;position:relative}.contact-info h2{font-size:38px;font-weight:600;margin-bottom:8px}.contact-info p{font-size:14px;color:#9a9a9a;margin-bottom:28px}.contact-actions{display:flex;gap:14px}.contact-btn{height:46px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fff;transition:all .3s ease;text-decoration:none}.contact-btn:hover{background:#fff;color:#000}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;font-size:14px;color:#f1f1f1}.contact-form textarea{min-height:120px}.contact-form button{height:46px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.contact-form button:hover,.contact-home:hover{background:#fff;color:#000}@media(max-width:820px){.contact-wrapper{grid-template-columns:1fr}}.footer{background:#050505;padding:28px 40px;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{display:flex;align-items:center;justify-content:center;position:relative}.footer-left{position:absolute;left:0;font-size:14px;color:#8c8c8c;letter-spacing:.5px}.footer-content{display:flex;align-items:center;gap:34px}.footer-icon-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.footer-icon-wrap a{color:#8c8c8c;font-size:22px;transform:translateY(0) scale(1);transition:transform .38s cubic-bezier(.4,0,.2,1),color .28s ease;text-decoration:none;will-change:transform}.footer-icon-wrap:hover a{transform:translateY(-10px) scale(1.35);color:#fff}.icon-label{margin-top:6px;font-size:11px;letter-spacing:.4px;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s cubic-bezier(.4,0,.2,1);pointer-events:none;white-space:nowrap}.footer-icon-wrap:hover .icon-label{opacity:1;transform:translateY(0);transition-delay:.12s}.footer-icon-wrap:not(:hover) .icon-label{transition-delay:0s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#050505;color:#eaeaea;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:-40%;z-index:-3;background:radial-gradient(900px 700px at 30% 30%,rgba(168,85,247,.38),transparent 62%);filter:blur(80px);animation:auroraPurpleFast 4.5s linear infinite;will-change:transform;pointer-events:none}body:after{content:"";position:fixed;inset:-45%;z-index:-4;background:radial-gradient(1000px 800px at 70% 40%,rgba(20,184,166,.34),transparent 65%);filter:blur(90px);animation:auroraTealFast 6s linear infinite;will-change:transform;pointer-events:none}html:before{content:"";position:fixed;inset:-50%;z-index:-5;background:radial-gradient(1100px 900px at 50% 75%,rgba(6,182,212,.3),transparent 68%);filter:blur(100px);animation:auroraCyanFast 7s linear infinite;will-change:transform;pointer-events:none}@keyframes auroraPurpleFast{0%{transform:translate(0) scale(1)}25%{transform:translate(-18%,-10%) scale(1.15)}50%{transform:translate(14%,-6%) scale(1.22)}75%{transform:translate(-10%,12%) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes auroraTealFast{0%{transform:translate(0) scale(1)}25%{transform:translate(22%,4%) scale(1.18)}50%{transform:translate(-18%,-6%) scale(1.26)}75%{transform:translate(16%,-2%) scale(1.14)}to{transform:translate(0) scale(1)}}@keyframes auroraCyanFast{0%{transform:translate(0) scale(1)}30%{transform:translateY(-20%) scale(1.2)}60%{transform:translateY(16%) scale(1.28)}to{transform:translate(0) scale(1)}}h1,h2,h3,h4,h5{font-weight:600}p{line-height:1.6}.fade-section{opacity:0;transform:translateY(14px);transition:opacity .55s ease-out,transform .55s ease-out;will-change:opacity,transform}.fade-section.is-visible{opacity:1;transform:translateY(0)}@media(max-width:768px){body:before{filter:blur(48px);opacity:.3;animation-duration:12s}body:after{filter:blur(56px);opacity:.28;animation-duration:16s}html:before{filter:blur(64px);opacity:.26;animation-duration:18s}*{animation-timing-function:linear!important}}@media(prefers-reduced-motion:reduce){body:before,body:after,html:before{animation:none}.fade-section{opacity:1;transform:none}}