@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a0a2e 25%,#0a0a0a 50%,#1a0a2e 75%,#0a0a0a 100%) 0 0/300% 300%;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;animation:8s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes textShine{0%{background-position:0%}to{background-position:100%}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:0 24px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff 0%,#ff6584 100%);border:none;border-radius:40px;padding:12px 28px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 15px #6c63ff33}.btn-primary:hover{transition:all .3s cubic-bezier(.2,.9,.4,1.1);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #6c63ff66}.btn-primary:active{transition:all .1s cubic-bezier(.2,.9,.4,1.1);transform:translateY(0)scale(.98)}.btn-primary:after{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s cubic-bezier(.25,.46,.45,.94),height .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:active:after{opacity:0;width:300px;height:300px}.btn-secondary{color:#6c63ff;cursor:pointer;background:0 0;border:1px solid #6c63ff80;border-radius:40px;padding:12px 28px;font-weight:600;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn-secondary:hover{background:#6c63ff1a;border-color:#6c63ff;transition:all .3s cubic-bezier(.2,.9,.4,1.1);transform:translateY(-2px);box-shadow:0 8px 20px #6c63ff26}.btn-secondary:active{transition:all .1s cubic-bezier(.2,.9,.4,1.1);transform:translateY(0)scale(.98)}.task-item .btn-primary{padding:6px 16px;font-size:14px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.task-item .btn-primary:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #6c63ff59}.task-item .btn-primary:active{transform:translateY(0)scale(.98)}header .btn-primary{padding:6px 18px;font-size:14px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}header .btn-primary:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #6c63ff59}.gradient-text{background:linear-gradient(135deg,#6c63ff 0%,#ff6584 50%,#6c63ff 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite textShine}h1{opacity:0;font-size:64px;font-weight:800;line-height:1.2;animation:.8s cubic-bezier(.25,.46,.45,.94) forwards fadeInUp}h2{margin-bottom:16px;font-size:40px;font-weight:700}section{opacity:0;animation:.6s cubic-bezier(.25,.46,.45,.94) forwards fadeIn}section:first-child{animation-delay:.1s}section:nth-child(2){animation-delay:.3s}section:nth-child(3){animation-delay:.5s}section:nth-child(4){animation-delay:.7s}.project-card{opacity:0;transition:all .5s cubic-bezier(.25,.46,.45,.94);animation:.6s cubic-bezier(.25,.46,.45,.94) forwards fadeInUp}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.3s}.project-card:nth-child(3){animation-delay:.5s}.project-card:hover{transition:all .4s cubic-bezier(.2,.9,.4,1.1);transform:translateY(-8px)scale(1.02);box-shadow:0 25px 45px #6c63ff33;border-color:#6c63ff80!important}.task-item{opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:.5s cubic-bezier(.25,.46,.45,.94) forwards fadeInUp}.task-item:first-child{animation-delay:.1s}.task-item:nth-child(2){animation-delay:.3s}.task-item:nth-child(3){animation-delay:.5s}.task-item:hover{border-left:3px solid #6c63ff;transition:all .3s cubic-bezier(.2,.9,.4,1.1);transform:translate(8px);background-color:#252525!important}header{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards slideDown;transform:translateY(-100%)}footer{opacity:0;animation:.8s cubic-bezier(.25,.46,.45,.94) .5s forwards fadeIn}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #6c63ff33;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.glass-card:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-color:#6c63ff80;transition:all .3s cubic-bezier(.2,.9,.4,1.1);box-shadow:0 8px 32px #6c63ff1a}.stats-number{background:linear-gradient(135deg,#6c63ff,#ff6584);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;animation:3s ease-in-out infinite float}nav a{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}nav a:after{content:"";background:linear-gradient(135deg,#6c63ff,#ff6584);width:0;height:2px;transition:width .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-5px;left:0}nav a:hover:after{width:100%}html{scroll-behavior:smooth}@media (width<=768px){h1{font-size:40px}h2{font-size:32px}.container{padding:0 16px}}