*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:#0a0a0f;color:#fff;overflow-x:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url("../img/background.webp");background-size:cover;background-position:center}.background-container::after{content:"";position:absolute;inset:0;background:rgba(10,10,15,.6);backdrop-filter:blur(2px)}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.6;mix-blend-mode:screen}.container{position:relative;z-index:10;padding:20px;width:100%;max-width:600px}.glass-card{background:rgba(255,255,255,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;box-shadow:0 4px 30px rgba(0,0,0,.5),0 0 20px rgba(0,243,255,.2);transform-style:preserve-3d;transform:perspective(1000px);animation:float 6s ease-in-out infinite}.glass-card .content{transform:translateZ(20px);text-align:center}.glass-card .content .avatar-wrapper{margin-bottom:1.5rem}.glass-card .content .avatar-wrapper .avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(0,243,255,.5);box-shadow:0 0 25px rgba(0,243,255,.4);transition:transform .3s ease}.glass-card .content .avatar-wrapper .avatar:hover{transform:scale(1.05) rotate(5deg);border-color:#ff007f;box-shadow:0 0 35px rgba(255,0,127,.6)}header{margin-bottom:2rem}header .badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}header .badges .badge{display:inline-block;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:#00f3ff;border:1px solid rgba(0,243,255,.3);padding:.5rem 1rem;border-radius:50px;background:rgba(0,243,255,.1);transition:all .3s ease}header .badges .badge:hover{background:rgba(0,243,255,.2);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,243,255,.2)}header h1{font-size:3.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00f3ff,#ff007f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255, 0, 127, .3))}.description-wrapper{margin-bottom:3rem}.description-wrapper p{font-size:1.25rem;line-height:1.6;color:rgba(255,255,255,.7);margin-bottom:.5rem}.description-wrapper .highlight{color:#fff;font-weight:600;border-bottom:2px solid #ff007f}.description-wrapper .sub-intro .text-gradient{background:linear-gradient(90deg,#fff,#00f3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.cta-button{display:inline-flex;align-items:center;gap:10px;text-decoration:none;background:linear-gradient(135deg,#00f3ff,#ff007f);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 10px 20px rgba(255,0,127,.3);overflow:hidden;position:relative}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px rgba(255,0,127,.5)}.cta-button .icon{font-size:1.2rem}@keyframes float{0%{transform:translateY(0) perspective(1000px)}50%{transform:translateY(-15px) perspective(1000px)}100%{transform:translateY(0) perspective(1000px)}}@media (max-width:768px){body{display:block;padding:40px 20px}.container{padding:0}.glass-card{padding:2rem 1.5rem;margin:0 auto}header h1{font-size:2.5rem}.badges{gap:.5rem}.badges .badge{font-size:.7rem;padding:.4rem .8rem}}.cta-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.cv-link{color:rgba(255,255,255,.6);text-decoration:none;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;padding-bottom:2px}.cv-link:hover{color:#00f3ff;border-color:#00f3ff}.cv-container{max-width:1000px!important}.cv-header{margin-bottom:3rem;text-align:center}.cv-header .back-link{display:inline-block;margin-bottom:1rem;color:rgba(255,255,255,.5);text-decoration:none;font-size:.9rem;transition:color .3s ease}.cv-header .back-link:hover{color:#fff}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.project-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);text-decoration:none;color:inherit;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px) scale(1.02);background:rgba(255,255,255,.08);border-color:rgba(0,243,255,.3);box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 20px rgba(0,243,255,.1)}.project-image-wrapper{width:100%;height:200px;overflow:hidden;position:relative}.project-image{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-info h3{font-size:1.4rem;margin-bottom:.75rem;color:#fff;background:linear-gradient(90deg,#fff,#00f3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-info p{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:1.5rem}.project-tag{font-size:.75rem;text-transform:uppercase;color:#00f3ff;background:rgba(0,243,255,.15);border:1px solid rgba(0,243,255,.2);padding:.25rem .75rem;border-radius:50px;align-self:flex-end;margin-top:auto}.store-buttons{display:flex;gap:10px;margin-top:1.5rem}.store-button{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1rem;border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease}.store-button:hover{background:rgba(255,255,255,.2);border-color:#00f3ff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,243,255,.2)}.store-button.play-store{border-color:rgba(0,243,255,.3)}.store-button.app-store{border-color:rgba(255,0,127,.3)}@media (max-width:600px){.project-grid{grid-template-columns:1fr}}.legal-info{margin-top:3rem;text-align:center;color:rgba(255,255,255,.4);font-weight:300;padding:0 1rem}.legal-info p{margin-bottom:.3rem;font-size:.75rem;line-height:1.4}