:root{--color-bg:#413030;--color-text:#ffffff;--color-primary:#ff3366;--color-secondary:#3366ff;--color-tertiary:#33ddff;--color-accent:#ffcc00;--card-radius:clamp(12px, 4vw, 16px);--card-bg:rgba(255, 255, 255, 0.03);--card-border:rgba(255, 255, 255, 0.1);--card-shadow:0 15px 30px -12px rgba(0, 0, 0, 0.5);--transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);--spacing-xs:clamp(0.5rem, 2vw, 0.75rem);--spacing-sm:clamp(1rem, 3vw, 1.25rem);--spacing-md:clamp(1.5rem, 4vw, 2rem);--spacing-lg:clamp(2rem, 6vw, 3rem);--text-xs:clamp(0.75rem, 2vw, 0.875rem);--text-sm:clamp(0.875rem, 2.5vw, 1rem);--text-md:clamp(1rem, 3vw, 1.25rem);--text-lg:clamp(1.5rem, 5vw, 2.5rem);--text-xl:clamp(2rem, 8vw, 4.5rem)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.5}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-blob{position:absolute;border-radius:100%;filter:blur(40px);opacity:0.3;-webkit-animation:float 20s infinite alternate ease-in-out;animation:float 20s infinite alternate ease-in-out}.gradient-blob:nth-child(1){background:linear-gradient(to right, var(--color-primary), var(--color-secondary));width:150vw;height:150vw;top:-100%;left:-25%;-webkit-animation-delay:0s;animation-delay:0s}.gradient-blob:nth-child(2){background:linear-gradient(to right, var(--color-tertiary), var(--color-secondary));width:150vw;height:150vw;bottom:-100%;right:-25%;-webkit-animation-delay:-5s;animation-delay:-5s}.gradient-blob:nth-child(3){background:linear-gradient(to right, var(--color-accent), var(--color-primary));width:100vw;height:100vw;top:30%;left:-50%;-webkit-animation-delay:-10s;animation-delay:-10s}@-webkit-keyframes float{0%{transform:translate(0, 0) scale(1)}50%{transform:translate(2%, 2%) scale(1.02)}100%{transform:translate(-2%, -2%) scale(0.98)}}@keyframes float{0%{transform:translate(0, 0) scale(1)}50%{transform:translate(2%, 2%) scale(1.02)}100%{transform:translate(-2%, -2%) scale(0.98)}}main{width:100%;padding:var(--spacing-md) var(--spacing-sm);position:relative;z-index:1;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch}.avatar-container{display:flex;justify-content:center;align-items:center;margin-bottom:0.3rem}.avatar{width:clamp(80px, 20vw, 150px);height:clamp(80px, 20vw, 150px);border-radius:50%;overflow:hidden;border:3px solid var(--card-border);box-shadow:0 8px 20px rgba(0, 0, 0, 0.3);background:var(--card-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:transform 0.3s ease, box-shadow 0.3s ease}.avatar:hover{transform:scale(1.05);box-shadow:0 12px 25px rgba(0, 0, 0, 0.4)}.avatar img{width:100%;height:100%;object-fit:cover}h1{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--spacing-sm);margin-top:0.2rem;background:linear-gradient(90deg, #395492,#0099c0,#3dd5a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-align:center}.subtitle{font-size:var(--text-sm);text-align:center;margin-bottom:var(--spacing-xs);opacity:0.8;color:#3dd5a8}footer{width:100%;padding:2rem 0;text-align:center}.footer-info{font-size:var(--text-sm);color:var(--color-text);opacity:0.7;margin:0;margin-top:0.8rem}.footer-info a{color:var(--color-text);text-decoration:none;opacity:1;display:inline;font-weight:inherit;background:transparent}.cards-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);perspective:1000px;padding:0 var(--spacing-xs)}.card-button a{color:inherit;text-decoration:none;display:inline-block;width:100%;height:100%}.card-button a:hover,.card-button a:active,.card-button a:visited{color:inherit;text-decoration:none}.card{position:relative;height:clamp(280px, 50vh, 400px);border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transform-style:preserve-3d;transition:var(--transition);cursor:pointer;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.1) 0%, transparent 50%);opacity:0;transition:opacity 0.3s ease}.card:hover::before{opacity:1}.card-content{position:relative;height:100%;padding:1.5rem;display:flex;flex-direction:column;transform-style:preserve-3d;transition:transform 0.5s ease}.card:hover .card-content{transform:scale(1.03) translateZ(0)}.card h2{font-size:var(--text-lg);margin-bottom:var(--spacing-xs);font-weight:700;transform:translateZ(20px);color:#ffffff}.card p{margin-bottom:var(--spacing-md);font-size:var(--text-sm);opacity:0.8;transform:translateZ(15px)}.card-footer{margin-top:auto;display:flex;justify-content:center;align-items:center;transform:translateZ(15px)}.card-button{margin-top:1rem;padding:clamp(0.5rem, 3vw, 0.7rem) clamp(1rem, 5vw, 1.4rem);background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:100px;color:var(--color-text);font-weight:600;font-size:var(--text-xs);cursor:pointer;transition:all 0.3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-button:hover{background:rgba(255, 255, 255, 0.2);transform:translateY(-2px)}@media (max-width:767px){.card-content{transform-style:flat;transition:none}.card:hover .card-content{transform:none}.subtitle{margin-bottom:1rem;font-size:1.3rem}.card h2{font-size:clamp(1.2rem, 6vw, 1.8rem)}.card p{font-size:clamp(0.9rem, 4vw, 1.1rem);line-height:1.6}.card-button{font-size:clamp(0.85rem, 3.5vw, 1rem);padding:clamp(0.6rem, 4vw, 0.8rem) clamp(1.2rem, 6vw, 1.6rem)}}@media (min-width:640px){main{padding:5vh 2rem}h1{font-size:3.5rem;margin-bottom:0.75rem;display:inline-block}.subtitle{font-size:1.1rem;margin-bottom:2.5rem}.card{height:350px}.card-content{padding:1.75rem}.card-tag{font-size:0.75rem;padding:0.5rem 1rem;margin-bottom:1.25rem}.card h2{font-size:1.6rem}.card p{font-size:1rem}.card-button{margin-top:1.2rem;padding:0.7rem 1.4rem;font-size:0.9rem}.gradient-blob{filter:blur(50px);opacity:0.35}}@media (min-width:768px){.cards-container{grid-template-columns:repeat(2, 1fr);max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.gradient-blob{filter:blur(60px);opacity:0.4}.gradient-blob:nth-child(1){width:120vw;height:120vw;top:-70%;left:-20%}.gradient-blob:nth-child(2){width:120vw;height:120vw;bottom:-70%;right:-20%}.gradient-blob:nth-child(3){width:80vw;height:80vw;top:30%;left:-30%}.card-content{padding:2rem}.card h2{transform:translateZ(25px)}.card-tag{transform:translateZ(20px)}.card p{transform:translateZ(20px)}}@media (min-width:1024px){main{max-width:1500px;margin:0 auto}h1{font-size:4.5rem;display:inline-block}.subtitle{font-size:2.25rem}.cards-container{grid-template-columns:repeat(4, 1fr);max-width:1300px;margin:0 auto;padding:0 var(--spacing-sm);gap:var(--spacing-lg)}.card{height:400px;border-radius:24px}.gradient-blob{filter:blur(80px);opacity:0.5}.gradient-blob:nth-child(1){width:60vw;height:60vw;top:-20%;left:-10%}.gradient-blob:nth-child(2){width:60vw;height:60vw;bottom:-30%;right:-10%}.gradient-blob:nth-child(3){width:40vw;height:40vw;top:40%;left:30%}.card h2{font-size:1.75rem;transform:translateZ(30px)}.card-tag{transform:translateZ(20px)}.card p{transform:translateZ(25px)}.card-footer{transform:translateZ(20px)}.card-button{margin-top:1.5rem}}