.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:#fff9}.myworks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto}.myworks-card{background:#ffffff08;border:1px solid rgba(255,255,255,.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 #c2a4ff26}.myworks-card-number{position:absolute;top:15px;left:15px;font-size:14px;color:var(--accentColor);font-weight:600;background:#00000080;padding:5px 12px;border-radius:20px;z-index:1}.myworks-card-image{width:100%;height:220px;overflow:hidden}.myworks-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.myworks-card:hover .myworks-card-image img{transform:scale(1.05)}.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:#ffffffbf;line-height:1.6;margin-bottom:15px}.myworks-card-tech{font-size:13px;color:#ffffff80;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}}.myworks-card-links{display:flex;gap:15px;margin-top:20px}.project-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;border-radius:20px;transition:all .3s ease;cursor:pointer}.github-link{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.github-link:hover{background:#ffffff26;border-color:#ffffff4d}.youtube-link{background:red;color:#fff;border:1px solid #ff0000}.youtube-link:hover{background:transparent;color:red;border-color:red}