:root{--dark-bg:#0a0a0a;--light-text:#f1f1f1;--neon-blue:#00e0ff;--neon-purple:#b400ff;--neon-glow:0 0 15px #00e0ffb3;--font-main:"Poppins",sans-serif}body{font-family:var(--font-main);background-color:var(--dark-bg);color:var(--light-text);margin:0;overflow-x:hidden}.home-page{background:radial-gradient(circle,#101020 0%,#060606 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 0;display:flex}.main-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:25px;justify-content:space-between;align-items:center;gap:50px;width:90%;max-width:1100px;padding:60px;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 25px #00e0ff26}.image-section{text-align:center;flex:1}.image-style{object-fit:cover;border:3px solid var(--neon-blue);border-radius:50%;width:280px;height:280px;transition:all .4s;box-shadow:0 0 30px #00e0ff4d}.image-style:hover{transform:scale(1.05);box-shadow:0 0 40px #00e0ff99}.image-text{color:#bdbdbd;margin-top:20px;font-size:1rem;font-style:italic}.text-section{flex:1}.header-style{color:var(--neon-blue);text-shadow:var(--neon-glow);letter-spacing:1px;margin-bottom:15px;font-size:2.4rem;animation:1s ease-in-out fadeIn}.sub-text{color:#ccc;margin-bottom:30px;font-size:1.1rem;line-height:1.6;animation:1.4s ease-in-out fadeIn}.neon-button{color:var(--neon-blue);border:2px solid var(--neon-blue);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:12px;padding:14px 35px;font-size:1.1rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 15px #00e0ff4d}.neon-button:hover{background:var(--neon-blue);color:#000;transform:scale(1.05);box-shadow:0 0 25px #00e0ffb3}.neon-button:after{content:"";opacity:0;background:radial-gradient(circle,#00e0ff4d 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.neon-button:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.main-container{flex-direction:column;gap:40px;padding:50px 40px}.image-style{width:240px;height:240px}.header-style{font-size:2rem}.sub-text{font-size:1rem}}@media (max-width:768px){.main-container{text-align:center;width:95%;padding:40px 25px}.text-section{order:2}.image-section{order:1}.image-style{width:200px;height:200px}.header-style{font-size:1.8rem}.sub-text{font-size:.95rem}.neon-button{width:80%}}@media (max-width:480px){.header-style{font-size:1.5rem}.sub-text{font-size:.9rem}.image-style{width:180px;height:180px}}:root{--neon-pink:#ff4dd2;--neon-blue:#4db8ff;--neon-green:#39ff14;--dark-bg:#0a0a0f;--text-color:#eaeaea;--shadow-pink:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink);--shadow-green:0 0 10px var(--neon-green),0 0 20px var(--neon-green);--shadow-blue:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue)}body{background-color:var(--dark-bg);color:var(--text-color);justify-content:center;margin:0;padding:0;font-family:Poppins,Segoe UI,sans-serif;display:flex}.profile-content{flex-direction:column;justify-content:center;align-items:center;gap:50px;margin-top:50px;animation:1.2s ease-in-out fadeIn;display:flex}.profile-image{object-fit:cover;border:3px solid var(--neon-blue);width:300px;height:300px;box-shadow:var(--shadow-blue);border-radius:50%;transition:transform .4s,box-shadow .4s}.profile-image:hover{box-shadow:0 0 25px var(--neon-blue),0 0 40px var(--neon-pink);transform:scale(1.05)}.profile-bio{background:#ffffff0d;border-radius:20px;max-width:650px;padding:30px;transition:transform .3s,background .3s;box-shadow:0 0 20px #ffffff1a}.profile-bio:hover{background:#ffffff14;transform:translateY(-4px)}.profile-bio h3{text-shadow:var(--shadow-blue);margin-bottom:8px;font-size:1.3rem}.profile-bio p{color:#d8d8d8;line-height:1.7}.skills-container{margin-top:40px}.skill-badge{border:1px solid var(--neon-blue);color:var(--neon-blue);cursor:pointer;background:#ffffff1a;border-radius:12px;margin:8px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:all .25s ease-in-out;display:inline-block}.skill-badge:hover{background:var(--neon-blue);color:#fff;box-shadow:var(--shadow-blue);transform:scale(1.1)rotate(-3deg)}.neon-button{color:var(--neon-pink);border:2px solid var(--neon-pink);text-shadow:var(--shadow-pink);cursor:pointer;background:0 0;border-radius:8px;padding:10px 22px;font-size:1rem;font-weight:600;transition:all .3s ease-in-out}.neon-button:hover{background:var(--neon-pink);color:#000;box-shadow:var(--shadow-pink);transform:scale(1.05)}@media (max-width:1024px){.profile-content{flex-direction:column;align-items:center}.profile-image{width:250px;height:250px}}@media (max-width:768px){.profile-bio{max-width:90%;padding:20px}.profile-bio h3{font-size:1.2rem}.skill-badge{padding:8px 15px;font-size:.85rem}.neon-button{padding:8px 18px}}@media (max-width:480px){.profile-image{width:180px;height:180px}h1{text-align:center;font-size:1.3rem}.profile-bio{font-size:.9rem}}:root{--neon-green:#00ffc2;--neon-blue:#ff0303;--neon-pink:#f07;--dark-bg:#121212;--dark-surface:#1e1e1e;--text-color:#e0e0e0;--shadow-green:0 0 10px var(--neon-green);--shadow-blue:0 0 10px var(--neon-blue);--shadow-pink:0 0 10px var(--neon-pink);--border-radius:8px;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-color);min-height:100vh;font-family:Consolas,Courier New,monospace;line-height:1.6;overflow-x:hidden}a{color:var(--neon-green);transition:color var(--transition-speed);text-decoration:none}a:hover{color:var(--neon-blue)}h1,h2,h3{letter-spacing:1px;font-weight:700}@keyframes neon-flicker{0%,to{opacity:1}5%{opacity:.95}10%{opacity:1}15%{opacity:.9}20%{opacity:1}}.neon-button{cursor:pointer;text-transform:uppercase;transition:all var(--transition-speed);border-radius:var(--border-radius);color:var(--neon-green);border:2px solid var(--neon-green);box-shadow:0 0 10px var(--neon-green);background:0 0;padding:10px 20px;font-size:1em;font-weight:700}.neon-button:hover{color:var(--dark-bg);background-color:var(--neon-green);box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green);transform:translateY(-2px)}.neon-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;color:#999;background:#333;border-color:#999}.cyber-panel{background-color:var(--dark-surface);border-radius:var(--border-radius);border:1px solid #00ffc233;margin-bottom:20px;padding:20px;box-shadow:0 0 5px #00ffc280}@media (max-width:600px){body{font-size:15px}.neon-button{padding:8px 15px;font-size:.9em}}@media (min-width:601px) and (max-width:1024px){body{font-size:16px}.neon-button{padding:10px 20px;font-size:1em}.cyber-panel{padding:15px}}@media (min-width:1025px){body{font-size:18px}.neon-button{padding:12px 24px;font-size:1.1em}.cyber-panel{padding:25px}}