*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#0f172b}body:before{content:"";z-index:-1;will-change:transform;background:linear-gradient(135deg,#0f172b 0%,#59168b 50%,#0f172b 100%);position:fixed;inset:-50px;transform:translateZ(0)}.container{padding:0 32px}button{cursor:pointer;border:none}a,ul{text-decoration:none}h2{color:#fff;text-align:center;margin-bottom:120px;font-size:48px;font-style:normal;font-weight:700}h2 span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c27aff 0%,#fb64b6 100%);-webkit-background-clip:text;background-clip:text}header{z-index:1000;background:#161734;border-bottom:.8px solid #ad46ff33;padding:20px 0;position:sticky;top:0}header .container{justify-content:space-between;align-items:center;display:flex}nav{gap:30px;display:flex}nav a{color:#cad5e2;font-size:16px;font-weight:600}nav a:hover{color:#a415a0}.logo{color:#c27aff;font-family:Arial;font-size:18px;font-weight:700}.Main_section .container{justify-content:space-between;align-items:center;margin:100px 0;display:flex}.main-content{max-width:600px}.subtittle{color:#dab2ff;background:#ad46ff33;border:.8px solid #ad46ff4d;border-radius:26843500px;max-width:230px;padding:8px 5px;font-size:14px}h1{color:#fff;margin:20px 0;font-size:72px;font-weight:700}h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c27aff 0%,#fb64b6 100%);-webkit-background-clip:text;background-clip:text}.main_description{color:#cad5e2;font-size:20px}.main-buttons{gap:16px;margin:25px 0;display:flex}.contact-me-button{color:#fff;background:linear-gradient(90deg,#ad46ff 0%,#f6339a 100%);border-radius:10px;padding:15px 28px;font-size:16px;transition:all .3s ease-in-out}.contact-me-button:hover{transform:scale(1.05)}.projects-button{color:#dab2ff;border:.8px solid #ad46ff80;border-radius:10px;padding:16px 32px;font-size:16px;transition:all .3s ease-in-out}.projects-button:hover{background-color:#a253e380}.socials-buttons{gap:16px;display:flex}.link_button{background:#1d293d;border-radius:26843500px;padding:10px;transition:transform .25s,box-shadow .25s}.link_button:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000040}.main-img img{border-radius:16px;max-width:599.6px;max-height:480px}.about-section .container{flex-direction:column;gap:64px;margin-bottom:120px;display:flex}.about-cards{justify-content:space-around;align-items:center;display:flex}.about-card{background:#351863f3;border:.8px solid #ad46ff33;border-radius:16px;max-width:394.4px;padding:32px;transition:transform .25s,box-shadow .25s}.about-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000040}.about-card img{background:linear-gradient(135deg,#ad46ff 0%,#f6339a 100%);border-radius:14px;padding:14px}.about-card h4{color:#fff;margin:13px 0;font-size:20px;font-weight:700}.about-card p{color:#90a1b9;font-size:16px}.adout-description{color:#cad5e2;background:#1d293d80;border:.8px solid #ad46ff33;border-radius:16px;padding:50px 60px;font-size:18px}.Skills_Section{margin-bottom:120px}.Skills_Section .container{background:#0f172b80;padding:60px}.skill-container{background:#1d293d80;border:.8px solid #ad46ff33;border-radius:16px;flex-wrap:wrap;padding:36px;display:flex}.skill{padding:36px}.skill-name{color:#cad5e2;justify-content:space-between;margin-bottom:6px;font-size:16px;display:flex}.skill-level{color:#c27aff}.skillbar{background:#314158;border-radius:26843500px;width:348px;height:8px}.skillbar-select{background:linear-gradient(90deg,#ad46ff 0%,#f6339a 100%);border-radius:26843500px;height:8px}.project-section{margin-bottom:120px}.projects-list{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:48px;margin-left:80px;display:flex}.project-card{background:#381f60;border:.8px solid #ad46ff33;border-radius:16px;width:393px;padding:24px;transition:all .3s ease-out}.project-card:hover,.project-card:hover img{transform:scale(1.1)}.project-card h4{color:#fff;margin:21px 0 12px;font-size:20px;font-weight:700}.project-card p{color:#90a1b9;margin-bottom:21px;font-size:16px}.pjoject-img{border-radius:8px;width:100%;height:192px;transition:transform .3s}.project-tags{flex-wrap:wrap;gap:0 6px;display:flex}.tag{color:#dab2ff;background:#ad46ff33;border:.8px solid #ad46ff4d;border-radius:26843500px;padding:6px 12px;font-size:14px}.pjoject-links{align-items:center;gap:16px;display:flex}.pjoject-links a{color:#cad5e2;gap:6px;font-size:16px;transition:all .3s ease-out;display:flex}.pjoject-links a:hover{transform:translateY(-6px)}.contact-section{margin-bottom:60px}.contact-section .container{justify-content:center;align-items:start;gap:60px;display:flex}.contact-content{max-width:600px}.contact-content h3{color:#fff;margin-bottom:22px;font-size:24px;font-weight:700}.contact-content p{color:#cad5e2;margin-bottom:22px;font-size:16px}.my-contacts{flex-direction:column;gap:20px;display:flex}.contact{gap:16px;display:flex}.contact h5{color:#fff;font-size:16px;font-weight:700}.contact a{color:#90a1b9;font-size:16px}.contact img{background:#ad46ff33;border-radius:10px;padding:12px}.contact-form{flex-direction:column;gap:24px;width:600px;display:flex}.contact-form p{color:#cad5e2;font-size:16px}.contact-form input{color:#ffffff80;background:#1d293d80;border:.8px solid #ad46ff33;border-radius:10px;width:100%;padding:12px;font-size:16px;font-weight:700}.contact-form input:focus,.contact-form textarea:focus{border:.8px solid #ac46ffdd;outline:none}.contact-form textarea{color:#ffffff80;background:#1d293d80;border:.8px solid #ad46ff33;border-radius:10px;padding:12px;font-size:16px;font-weight:700}.send-message{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(90deg,#ad46ff 0%,#f6339a 100%);border-radius:10px;padding:12px;font-size:16px;transition:all .3s}.send-message:hover{transform:translateY(-8px)}.send-message:active{transform:scale(.9)}input::placeholder,textarea::placeholder{color:#ffffff80;font-size:16px}.admin-container{color:#cad5e2;background:#161734;height:100vh;font-family:Arial,sans-serif;display:flex}.admin-sidebar{background:#1d293df2;border-right:.8px solid #ad46ff33;flex-direction:column;width:250px;padding-top:20px;display:flex}.sidebar-header{color:#c27aff;border-bottom:.8px solid #ad46ff33;padding:20px;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;margin-top:20px;display:flex}.sidebar-nav a{color:#cad5e2;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.sidebar-nav a:hover{color:#a415a0;background:#ad46ff33}.admin-main{flex:1;padding:20px 40px;overflow-y:auto}.admin-main-header{color:#fff;margin-bottom:30px;font-size:32px;font-weight:700}.admin-section{margin-bottom:30px}.admin-section h2{color:#fff;margin-bottom:10px;font-size:20px}.admin-card{background:#351863f2;border:.8px solid #ad46ff33;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:16px;padding:20px;display:flex}.admin-card input,.admin-card textarea{color:#fffc;background:#1d293d80;border:.8px solid #ad46ff33;border-radius:10px;padding:12px;font-size:16px;font-weight:700}.admin-card input:focus,.admin-card textarea:focus{border-color:#ac46ffde;outline:none}.admin-card button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ad46ff 0%,#f6339a 100%);border:none;border-radius:10px;align-self:flex-start;padding:10px 16px;transition:all .3s}.admin-card button:hover{transform:translateY(-4px)}.login-container{background:#1d293d80;border:.8px solid #ad46ff33;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;padding:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-container img{background:linear-gradient(135deg,#ad46ff 0%,#f6339a 100%);border-radius:14px;padding:16px}.login-container h2{color:#fff;margin-bottom:32px;font-size:30px;font-weight:700}.login-form{flex-direction:column;display:flex}.login-form p{color:#cad5e2;font-size:16px}.login-form input{color:#ffffff80;background:#1d293d80;border:.8px solid #ad46ff33;border-radius:10px;width:100%;margin-bottom:20px;padding:12px;font-size:16px;font-weight:700}.login-form button{color:#fff;text-align:center;background:linear-gradient(90deg,#ad46ff 0%,#f6339a 100%);border-radius:10px;padding:12px;font-size:16px}.login-form button:hover{opacity:.9}