body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#babab6;font-family:Inter,sans-serif;margin:0;padding:20px;box-sizing:border-box}.card{text-align:center;color:#ececec;background:#2c3e50;padding:30px;border-radius:15px;box-shadow:0 4px 8px #0000001a;max-width:800px;width:100%;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 6px 18px #0003}.avatar{width:120px;height:120px;border-radius:50%;margin-bottom:15px}h1{font-size:2rem;margin:10px 0 30px;color:#fff}.content-grid{display:flex;flex-direction:column;gap:15px;margin:30px 0}.role-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.role-row p{font-size:1rem;margin:0;text-align:left;color:#ececec}.role-row a{padding:10px;text-decoration:none;color:#000;font-weight:700;text-align:center;border-radius:5px;transition:all .3s ease;background:#fff;border:2px solid #dfe6e9;box-shadow:0 2px 4px #0000001a;position:relative}.buttons-row{display:flex;gap:10px}.behance-btn{color:#1869ff!important}.behance-btn:hover{background-color:#f8f9fa!important;border:2px solid #1869FF!important}.behance-btn:active{background-color:#1869ff!important;color:#fff!important;transform:translateY(0)}.qa-btn{color:#7c3aed!important}.qa-btn:hover{background-color:#f8f9fa!important;border:2px solid #7C3AED!important}.qa-btn:active{background-color:#7c3aed!important;color:#fff!important;transform:translateY(0)}.role-row a:hover{background:#f8f9fa;border:2px solid #000000;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.role-row a:active{background:#000;color:#fff;transform:translateY(0)}.contact{margin-top:30px;text-align:center}.contact h3{font-size:1.5rem;margin-bottom:15px;color:#fff}.contact-buttons{display:flex;gap:15px;justify-content:center}.contact-buttons a,.contact-buttons button{padding:10px 20px;text-decoration:none;font-weight:700;text-align:center;border-radius:5px;transition:all .3s ease;background:#fff;border:2px solid #dfe6e9;box-shadow:0 2px 4px #0000001a;position:relative}.contact-buttons a{color:#0a66c2}.contact-buttons a:hover{background:#f8f9fa;border:2px solid #0A66C2;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.contact-buttons a:active{background:#0a66c2;color:#fff;transform:translateY(0)}.email-btn{color:#ea580c!important;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700}.email-btn:hover{background-color:#f8f9fa!important;border:2px solid #EA580C!important;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.email-btn:active{background-color:#ea580c!important;color:#fff!important;transform:translateY(0)}@media (max-width: 600px){.role-row{grid-template-columns:1fr}.role-row p{text-align:center}.buttons-row,.contact-buttons{flex-direction:column}}