.myworks-page{min-height:100vh;background-color:var(--backgroundColor);padding:80px 40px;box-sizing:border-box}.myworks-header{text-align:center;margin-bottom:60px}.back-button{display:inline-block;color:var(--accentColor);text-decoration:none;font-size:16px;margin-bottom:30px;transition:all .3s ease;padding:10px 20px;border:1px solid var(--accentColor);border-radius:30px}.back-button:hover{background:var(--accentColor);color:#000}.myworks-header h1{font-size:70px;font-weight:500;margin-bottom:15px;color:#fff}.myworks-header h1 span{color:var(--accentColor)}.myworks-header p{font-size:18px;color:hsla(0,0%,100%,.6)}.myworks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px;max-width:1400px;margin:0 auto}.myworks-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;overflow:hidden;transition:all .3s ease;position:relative}.myworks-card:hover{transform:translateY(-10px);border-color:var(--accentColor);box-shadow:0 20px 40px rgba(194,164,255,.15)}.myworks-card-number{position:absolute;top:15px;left:15px;font-size:14px;color:var(--accentColor);font-weight:600;background:rgba(0,0,0,.5);padding:5px 12px;border-radius:20px;z-index:1}.myworks-card-info{padding:25px}.myworks-card-info h3{font-size:20px;font-weight:500;margin-bottom:8px;color:#fff}.myworks-card-category{font-size:14px;color:var(--accentColor);margin-bottom:12px}.myworks-card-description{font-size:14px;color:hsla(0,0%,100%,.75);line-height:1.6;margin-bottom:15px}.myworks-card-tech{font-size:13px;color:hsla(0,0%,100%,.5);line-height:1.5}@media only screen and (max-width:768px){.myworks-page{padding:60px 20px}.myworks-header h1{font-size:45px}.myworks-grid{grid-template-columns:1fr}}