*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{overflow-x:hidden;background-color:#1a1a1a;color:#fff;position:relative}body:before{background:radial-gradient(circle at center,transparent 0,transparent 45%,rgba(0,0,0,.73) 100%)}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}body:after{backdrop-filter:blur(calc(var(--radius) * .5px));-webkit-backdrop-filter:blur(calc(var(--radius) * .5px));mask-image:radial-gradient(circle at center,transparent 0,rgba(0,0,0,calc(var(--radius) * .01)) 45%,black 100%);--radius:20}h{font-size:1.5rem;margin-bottom:1rem;color:#4edd6d;font-weight:500;text-align:left}canvas{position:fixed;top:0;left:0;z-index:0}#content{z-index:1;color:#fff}header{padding:2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#23d520,#1b9119);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}nav ul{display:flex;gap:2rem;list-style:none}nav a{color:#fff;text-decoration:none;position:relative;padding:.5rem 0}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#9d4edd,#6a0dad);transition:width .3s ease}nav a:hover:after{width:100%}.hero{display:flex;align-items:center;justify-content:space-between;padding:2rem;max-width:1200px;background:#13131363;border-radius:10px;box-shadow:0 5px 15px #13131363;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0 auto 2rem}.hero-content{flex:1;padding-right:2rem}.hero-content h1{font-size:3rem;margin-bottom:1rem;color:#fff}.hero-content h3{font-size:1.5rem;margin-bottom:1rem;color:#9d4edd}.hero-content p{font-size:1.25rem;margin-bottom:2rem;line-height:1.6;color:#e0e0e0}.hero-pic{flex:0 0 300px;height:300px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#333}.hero-pic img{width:100%;height:100%;object-fit:contain;transform:scale(2) translate(-2%,-9%);object-position:50% 0}.btn{display:inline-block;padding:1rem 2rem;background:#1f8347;color:rgb(0,0,0);border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.hero-buttons{gap:1rem}.hero-buttons,.social-button{display:flex;align-items:center}.social-button{justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(35,213,32,.15);color:#23d520;transition:all .3s ease;border:1px solid rgba(35,213,32,.3)}.social-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(35,213,32,.3);background:linear-gradient(90deg,#3abf00,#3abf00);color:white}@media (max-width:599px){.hero-buttons{justify-content:center}}section{padding:2rem;max-width:1200px;margin:0 auto}section h2{text-align:center}section h2,section h3{font-size:2.5rem;margin-bottom:3rem}section h3{text-align:left}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px}.project-card{background:#13131363;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #13131363;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;max-width:900px;min-width:300px}@media (max-width:1100px){.project-card{background:#13131363;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #13131363;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;min-width:0}}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.3)}.project-img{aspect-ratio:16/9;background-color:#333;display:flex;align-items:center;justify-content:center;color:#666;width:100%;border-radius:8px;overflow:hidden}.project-info{padding:1.5rem}.project-info h3{font-size:1.5rem;margin-bottom:1rem}.project-info p{margin-bottom:1.5rem;line-height:1.6}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech{background:rgba(35,213,32,.1);color:#23d520;padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:0 1rem;max-width:1500px;margin:0 auto}.skill-category{background:#13131363;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #13131363;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.skill-category h3{font-size:1.5rem;margin-bottom:1.5rem;color:#9d4edd}.skill-list{list-style:none}.skill-list li{margin-bottom:1rem;position:relative;padding-left:1.5rem}.skill-list li:before{content:"▹";position:absolute;left:0;color:#1b9119}.contact{text-align:center;color:#666;background:#13131363;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #13131363;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact p{max-width:600px;margin:0 auto 2rem;line-height:1.6}.social-links{gap:1.5rem;margin-top:2rem}.social-icon,.social-links{display:flex;justify-content:center}.social-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#23d520,#1b9119);align-items:center;color:white;font-size:1.5rem;transition:transform .3s ease}.social-icon:hover{transform:translateY(-5px)}footer{text-align:center;color:#666;background:#13131363;border-radius:0;padding:2rem;box-shadow:0 5px 15px #13131363;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0}main{padding:1rem;margin:auto;max-width:1200px}@media (max-width:800px){.skills{display:grid;grid-template-columns:1fr;gap:2rem;margin:0 auto 3rem;max-width:400px;padding:0 1rem}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;background-color:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-container{position:relative;width:100%;max-width:500px;margin:0 1rem;background-color:#1a1a1a;border:2px solid rgba(35,213,32,.3);border-radius:12px;box-shadow:0 0 30px rgba(35,213,32,.4);overflow:hidden;animation:modalFadeIn .3s ease-out;transform:translateY(0)}.modal-header{background:linear-gradient(145deg,#4edd7b03,#0dad2552);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-header h3{color:white;font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{background:none;border:none;color:white;cursor:pointer;transition:transform .2s}.modal-close-btn:hover{transform:scale(1.1)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:white;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.75rem 1rem;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:white;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:#23d520;box-shadow:0 0 0 3px rgba(35,213,32,.25)}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.btn-cancel{background:none;border:none;color:#bbb;padding:.75rem 1.25rem;cursor:pointer;transition:color .2s;margin-right:1rem}.btn-cancel:hover{color:white}.btn-submit{background:linear-gradient(90deg,#9d4edd,#6a0dad);color:white;border:none;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(35,213,32,.4)}.btn-submit:disabled{opacity:.7;transform:none;box-shadow:none;cursor:not-allowed}.success-container{text-align:center;padding:2rem 1rem}.success-icon{color:#9d4edd;font-size:3rem;margin-bottom:1rem}.success-message{color:white;font-size:1.25rem;margin-bottom:1.5rem}.error-message{color:#ff6b6b;margin-top:-.5rem;margin-bottom:1rem;font-size:.875rem}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.projects{display:grid;grid-template-columns:1fr;padding:1em;grid-row-gap:20px}.project-card{max-width:700px;margin:0 auto}}@media (max-width:520px){nav{display:none}}@media (max-width:599px){.hero{flex-direction:column;text-align:center}.hero-content{padding-right:0;margin-bottom:2rem}.hero-pic{flex:0 0 200px;height:400px;width:200px}}