.profile-card{background:#fff;width:350px;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center}.profile-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #4CAF50;margin-bottom:15px}.profile-card h2{margin:10px 0;color:#333}.profile-card p{color:#666;font-size:14px;margin:5px 0}.profile-details{margin-top:20px;text-align:left}.profile-details p{margin:8px 0;font-size:15px}.profile-details span{font-weight:700;color:#333}.logout-btn{margin-top:20px;padding:12px;width:100%;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s ease}.logout-btn:hover{background:#c0392b}.button-round{width:80px;height:40px;border-radius:30%;background-color:#af4c89;color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.button-round:hover{background-color:#45a049}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}header{background-color:#333;color:#fff;padding:15px}header h1{font-size:2rem;font-weight:700}header p{font-size:1rem;color:#ccc}nav{background-color:#7c3f3f;padding:15px;display:flex;align-items:center}nav ul{list-style:none;display:flex;gap:17px;margin:0;padding:0}nav ul li a{text-decoration:none;color:#fff;transition:color .3s ease}nav ul li a:hover{color:gold}nav ul li a:hover{color:#ff9800}.container{display:flex;gap:20px;padding:20px}.article{flex:3;background-color:#f4f4f4;padding:15px;border-radius:5px}.aside{flex:1;background-color:#ddd;padding:15px;border-radius:5px}@media(max-width:768px){.container{flex-direction:column}}footer{background-color:#333;color:#fff;text-align:center;padding:20px;position:relative;bottom:0;width:100%}footer p{margin:5px 0}footer a{color:#ff9800;text-decoration:none;margin:0 10px;transition:color .3s ease}footer a:hover{color:#fff}.headerdiv{display:flex;gap:20px;padding:20px}.headmain{flex:3;border-radius:5px}.headsec{border-radius:5px}.home{background-image:url(./img204752.png);background-size:cover;background-position:center;background-repeat:no-repeat}.sidebar{height:100%;background-color:#2c3e50}.sidebar a{display:flex;color:#ecf0f1;padding:12px 20px}body{margin:0;font-family:Arial,sans-serif;background:#f9f9f9;color:#333}.header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 30px;box-shadow:0 2px 5px #0000001a}.logo{color:#07c;font-size:24px;font-weight:700}.header nav a{margin:0 10px;text-decoration:none;color:#333}.header nav a:hover{color:#07c}.cta{background:#07c;color:#fff;padding:10px;border-radius:25px;text-decoration:none}.hero{text-align:center;background:linear-gradient(135deg,#07c,#048);color:#fff;padding:80px 20px}.hero h2{font-size:36px;margin-bottom:15px}.hero p{font-size:18px;margin-bottom:25px}.services{padding:50px 20px;text-align:center}.services h3{font-size:28px;margin-bottom:30px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.service-card{background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 5px #0000001a}.service-card h4{margin-bottom:10px;color:#07c}.footer{background:#333;color:#fff;text-align:center;padding:20px}.footer a{color:#fff;text-decoration:underline}.portfolio{padding:50px 20px;text-align:center}.portfolio h3{font-size:28px;margin-bottom:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.portfolio-card{background:#fff;padding:15px;border-radius:6px;box-shadow:0 2px 5px #0000001a}.portfolio-card img{width:100%;border-radius:4px;margin-bottom:10px}.portfolio-card h4{margin:10px 0;color:#07c}.about{padding:50px 20px;text-align:center;background:#f0f4f8}.about h3{font-size:28px;margin-bottom:20px}.about-text{max-width:700px;margin:0 auto 40px;font-size:18px;line-height:1.6}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.about-card{background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 5px #0000001a}.about-card h4{margin-bottom:10px;color:#07c}.contact{padding:50px 20px;text-align:center;background:#eef2f7}.contact h3{font-size:28px;margin-bottom:20px}.contact-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.contact-form label{display:flex;flex-direction:column;text-align:left;font-weight:700}.contact-form input,.contact-form textarea{padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.contact-form textarea{min-height:120px}.contact-form button{background:#07c;color:#fff;padding:12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.contact-form button:hover{background:#005fa3}.hero-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.btn{background:#fff;color:#07c;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700}.linkedin-btn{background:#0077b5;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700}.linkedin-btn:hover{background:#005582}.hero{padding:60px 20px;background:linear-gradient(135deg,#07c,#048);color:#fff}.hero-inner{max-width:1100px;margin:0 auto;display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}.hero-text{flex:1 1 480px}.hero-text h2{font-size:36px;margin:0 0 12px}.hero-text p{margin:0 0 18px;font-size:16px;color:#ffffffe6}.hero-buttons{display:flex;gap:12px;margin-top:10px}.btn{background:#fff;color:#07c;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600}.github-btn{background:#24292e;color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600}.github-card{background:linear-gradient(135deg,#048,#048);padding:16px;color:#fff;box-shadow:0 6px 18px #00000040}.gh-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.gh-avatar{width:72px;height:72px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.08)}.gh-name{margin:0;font-size:18px}.gh-bio{margin:4px 0;font-size:13px;color:#ffffffd9}.gh-link{color:#cfe9ff;font-size:13px;text-decoration:none}.gh-stats{display:flex;gap:12px;justify-content:space-between;margin:12px 0}.gh-stats div{text-align:center;min-width:80px}.gh-stats span{display:block;font-size:12px;color:#ffffffd9}.gh-repos h5{margin:8px 0;color:#cfe9ff}.gh-repo{display:block;padding:10px;border-radius:8px;background:#00000014;color:#fff;text-decoration:none;margin-bottom:8px}.repo-title{font-weight:600}.repo-meta{font-size:12px;color:#fffc;display:flex;gap:10px;margin-top:6px}.repo-desc{margin:6px 0 0;font-size:13px;color:#ffffffd9}.gh-contrib{margin-top:12px}.gh-contrib h5{color:#cfe9ff;margin-bottom:8px}.contrib-svg{overflow-x:auto;padding-bottom:8px}.contrib-svg svg{width:100%;height:auto;max-width:100%}.contrib-fallback{text-align:center}.muted{color:#ffffffb3}.error{color:#fdd;background:#ff000014;padding:6px;border-radius:6px}.div-hooks{display:flex;gap:2rem}.div-card{width:300px;height:180px;border:1px solid #ccc;padding:1rem}nav{background-color:#333;font-family:Arial,sans-serif}nav ul{list-style:none;margin:0;padding:0}nav>ul{display:flex}nav ul li{position:relative}nav ul li a{display:block;padding:12px 20px;color:#fff;text-decoration:none}nav ul li a:hover{background-color:#444}nav ul li ul{display:none;position:absolute;top:100%;left:0;background-color:#444;min-width:200px}nav ul li ul li a{padding:10px 15px;color:#fff}nav ul li ul li a:hover{background-color:#555}nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;background-color:#555;min-width:200px}nav ul li ul li ul li a{padding:10px 15px;color:#fff}nav ul li ul li ul li a:hover{background-color:#666}nav ul li:hover>ul,nav ul li ul li:hover>ul{display:block}