:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh;display:block;overflow-x:hidden}#root{width:100%;margin:0 auto}a{font-weight:500;text-decoration:inherit;transition:.3s}h1,h2,h3{margin:0}html{background-color:#0a0a0a}.about{display:flex;flex-direction:column;align-items:center;gap:60px;margin:40px auto;max-width:1200px;width:100%;box-sizing:border-box;padding:0 20px;animation:fadeIn .8s ease-out}.about-title h1{font-size:60px;text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 0 15px rgba(27,179,87,.5);text-align:center;margin:0}.about-sections{display:flex;gap:60px;align-items:center;width:100%}.about-left{display:flex;justify-content:center}.about-left img{width:450px;height:auto;border:4px solid #32323c;clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);filter:grayscale(.5);transition:.4s;background:#1a1a1a}.about-left img:hover{filter:grayscale(0);border-color:#1bb357;box-shadow:0 0 20px #1bb3574d}.about-right{flex:1;width:100%}.about-para{font-family:Courier New,monospace;background:#32323c33;padding:25px;border-left:4px solid #10a992;font-size:18px;line-height:1.6;margin-bottom:40px;color:#e0e0e0}.about-skills{display:flex;flex-direction:column;gap:25px}.about-skill{display:flex;flex-direction:column;gap:10px;width:100%}.about-skill p{font-weight:700;text-transform:uppercase;font-size:14px;color:#1bb357;letter-spacing:1px;margin:0}.about-skill .bar-container{width:100%;height:12px;background:#1a1a1a;border:1px solid #32323c;position:relative;overflow:hidden}.about-skill hr{height:100%;margin:0;border:none;background:linear-gradient(90deg,#10a992,#26bc20);box-shadow:0 0 10px #26bc2099;animation:loadBar 1.5s ease-in-out forwards}.about-achievements{display:flex;justify-content:space-around;width:100%;background:#0d0d0d;padding:40px 0;border:2px solid #32323c;clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%);margin-top:20px;margin-bottom:40px}.about-achievement{text-align:center}.about-achievement h1{font-size:48px;color:#fff;text-shadow:2px 2px #10a992;margin:0}.about-achievement p{text-transform:uppercase;font-size:12px;letter-spacing:2px;color:#1bb357;margin-top:5px}@keyframes loadBar{0%{width:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about{margin:20px auto;gap:40px}.about-title h1{font-size:2.2rem;padding:0 10px}.about-sections{flex-direction:column;gap:30px}.about-left img{width:100%;max-width:400px;height:auto}.about-right{width:100%}.about-achievements{flex-direction:column;gap:30px;clip-path:none;border:none;border-top:2px solid #32323c;border-bottom:2px solid #32323c;padding:30px 0}.about-para{font-size:16px;padding:15px}}.btn-container{margin-top:40px;display:flex;justify-content:flex-start}.rpg-btn{position:relative;display:inline-block;padding:15px 40px;background:transparent;color:#1bb357;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:3px;font-size:14px;border:2px solid #1bb357;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%);overflow:hidden}.rpg-btn:hover{background:#1bb357;color:#000;box-shadow:0 0 20px #1bb35799;transform:translateY(-2px)}.rpg-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.rpg-btn:hover:before{left:100%}@media(max-width:768px){.btn-container{justify-content:center;width:100%}.rpg-btn{width:100%;text-align:center;font-size:12px;padding:15px 20px}}.footer-rpg{width:100%;background:#0d0d0d;padding:40px 20px;border-top:2px solid #32323c;display:flex;justify-content:center;align-items:center;margin-top:50px;box-sizing:border-box;text-align:center;clip-path:polygon(0 20%,5% 0,95% 0,100% 20%,100% 100%,0 100%)}.footer-content p{font-family:Courier New,monospace;color:#1bb357;text-transform:uppercase;font-size:13px;letter-spacing:2px;margin:0}.footer-content a{color:#10a992;text-decoration:none;font-weight:700;position:relative;transition:.3s}.footer-content a:hover{color:#fff;text-shadow:0 0 10px #1bb357}@media(max-width:480px){.footer-rpg{padding:30px 15px;clip-path:polygon(0 10%,10% 0,90% 0,100% 10%,100% 100%,0 100%)}.footer-content p{font-size:11px;letter-spacing:1px;line-height:1.5}}:root{background-color:#0a0a0a}body{margin:0;padding:0;width:100%;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;width:100%;display:flex;justify-content:center;align-items:center}