@font-face{font-family:Playwrite;src:url(/assets/PlaywriteAUSA-VariableFont_wght-DUzFR--g.ttf)}:root{--body-bc: white;--body-color: black}[data-theme=dark]{--body-bc: #282c34;--body-color: white}::selection{color:#007904;background:#acffb6}h1{padding:10px}p{padding:15px}body{font-family:Playwrite}input,select,textarea,button,input[type=file]::file-selector-button{font-family:Playwrite}a{text-decoration:none;color:inherit}*{margin:0;padding:0;box-sizing:border-box}i{color:var(--body-color);font-size:6em}.zoomin{transition:all 1s}.zoomin:hover{transform:scale(1.2);cursor:pointer}.body{min-height:100vh;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--body-bc);color:var(--body-color);transition:all 1s}.mainbody{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:16px;margin-top:16px}.text-content{display:flex;flex-direction:column}.profile-img{width:max(20%,160px);aspect-ratio:1/1;border-radius:50%;margin:20px}.socialIMG{transition:all 1s}.socialIMG:hover{transform:scale(1.2)}.BTNsec{width:90vw;display:flex;justify-content:center;gap:25px}.BTN{text-decoration:none;display:inline-block;padding:15px;font-size:20px;background-color:var(--body-color);color:var(--body-bc);transition:all 1s;border-radius:10px}.BTN:hover{transform:scale(1.2)}.color-btn{position:fixed;top:5%;right:5%}.color-btn>i{font-size:4em;margin:10px}@media screen and (max-width: 600px){.BTNsec{flex-direction:column}.BTM{font-size:1em}}@media screen and (max-width: 393px){.profile-img{width:130px}h1{font-size:1em}h2{font-size:.8em}#TMULOGO{font-size:1.5em}body{overflow:scroll}.body.main{height:max-content}}.body>form{display:flex;flex-direction:column;gap:10px}.TMUlogo{position:relative;display:inline-block;margin:15px}#TMULOGO{padding:10px 20px;letter-spacing:8px;width:130px;text-align:center;background-color:#00f;color:#fff;position:relative;z-index:10;display:inline-block}#TMUyellow{padding:40px;right:-14px;top:-14px;background-color:#ff0;position:absolute;z-index:1}.topapply{position:fixed;top:10px;right:25%}.goback{font-size:1.7em;position:fixed;left:18px;top:48px;background:#0079042e;padding:10px;border-radius:50%;z-index:1000;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.goback:hover{background:#00790452;box-shadow:0 4px 16px #00790421;transform:scale(1.08)}.goback>i{font-size:1.2em}.bxs-sun,.bxs-moon{transition:all 1s;font-size:4em;align-items:center;justify-content:center}.projects{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.project-item{width:49%;height:10vh;margin:5px;text-align:center;font-size:1.5em;line-height:8vh;border:solid .1px var(--body-color);border-radius:8px}@media screen and (max-width: 600px){.project-item{width:45%;margin:0;border:none}.projects{gap:10%}.body-projects{padding-top:80px;font-size:.5em}.body-projects h1{font-size:.75em!important}}.entire-width{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;align-items:"center";justify-content:"center"}.popupproject{position:fixed;top:10%;bottom:10%;left:10%;right:10%;padding:5%;background:var(--body-bc);color:var(--body-color);width:80vw;height:80vh;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5%}.buttons-popup{display:flex;flex-wrap:wrap;gap:10px}.popupproject .BTN{transition:all .5s cubic-bezier()!important;padding:10px}.BTNpopup{position:absolute;top:10px;right:10px;text-decoration:none;display:inline-block;padding:5px;background-color:var(--body-color);color:var(--body-bc);transition:all 1s;border-radius:10px}.on{transition:opacity .3s ease-in-out;opacity:1}.off{transition:opacity .3s ease-in-out;opacity:0}@media screen and (max-width: 500px){.body-about{overflow:scroll;padding-top:40vh}i{background-color:var(--body-bc);border-radius:10px}.popupproject .BTN{font-size:.7em}.popupproject h2{font-size:1em}.popupproject p{font-size:.9em}.buttons-popup{flex-direction:column}}.skills-section{margin:30px 0 20px;padding:24px 0 8px;width:100%;display:flex;flex-direction:column;align-items:center;background:#00000008;border-radius:18px;box-shadow:0 2px 16px #00000012}.skills-section h3{font-size:2em;margin-bottom:18px;letter-spacing:1px}.skills-list{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;width:100%}.skill-card{display:flex;flex-direction:column;align-items:center;background:var(--body-bc);border-radius:12px;box-shadow:0 1px 8px #00000014;padding:18px 16px 10px;min-width:90px;transition:transform .2s,box-shadow .2s}.skill-card:hover{transform:translateY(-6px) scale(1.07);box-shadow:0 4px 18px #00000021;background:#00790412}.skill-card i{font-size:2.5em;margin-bottom:8px}.skill-card span{font-size:1.1em;font-weight:500;margin-top:2px}@media (max-width: 900px){.mainbody{flex-direction:column;height:auto;align-items:center;gap:10px}.profile-img{margin-bottom:10px}}@media (max-width: 600px){.mainbody{flex-direction:column;height:auto;align-items:center;gap:10px}.profile-img{width:110px;margin:10px 0}.skills-section{padding:12px 0 4px;margin:18px 0 10px}.skills-list{gap:7px}.skill-card{min-width:60px;padding:8px 4px 4px}.skill-card i{font-size:1.5em}.skill-card span{font-size:.9em}.BTNsec{flex-direction:column;gap:10px;width:100vw}.BTN{font-size:1em;padding:10px;width:90vw;text-align:center}span{display:flex;justify-content:center;gap:18px;margin-bottom:8px}span a i{font-size:2em;padding:0 2px}.body.main{padding:10px;min-height:100vh}p{padding:8px;font-size:1em}}@media (max-width: 400px){.profile-img{width:80px}h1{font-size:1em}h2{font-size:.8em}.skills-section h3{font-size:1em}.BTN{font-size:.9em;padding:7px}}[data-theme=dark] .skills-section{background:#ffffff0a}[data-theme=dark] .skill-card{background:#23272f}.body.main{display:flex;flex-direction:column;min-height:100vh;justify-content:flex-start;align-items:center;padding:30px;background-color:var(--body-bc);color:var(--body-color);transition:all 1s}.BTNsec{margin-top:auto;width:100%;display:flex;justify-content:center;gap:25px;padding-bottom:24px}@media (max-width: 600px){.BTNsec{flex-direction:column;gap:10px;width:100vw;align-items:center;padding-bottom:16px}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:32px;width:100%;margin-top:32px;margin-bottom:32px}.project-card{background:var(--body-bc);color:var(--body-color);border-radius:18px;box-shadow:0 2px 16px #00000014;padding:28px 22px 22px;display:flex;flex-direction:column;align-items:flex-start;position:relative;cursor:pointer;transition:box-shadow .2s,transform .2s,background .2s;min-height:180px}.project-card:hover{box-shadow:0 6px 32px #00790421;background:#0079040a;transform:translateY(-6px) scale(1.03)}.project-card h2{font-size:1.3em;margin-bottom:10px;font-weight:700}.project-desc{font-size:1em;margin-bottom:18px;color:#555}.project-demo-btn{background:#007904;color:#fff;padding:7px 18px;border-radius:8px;text-decoration:none;font-size:1em;font-weight:500;transition:background .2s,color .2s;margin-top:auto}.project-demo-btn:hover{background:#005a03;color:#fff}.featured{border:2px solid #007904;box-shadow:0 4px 24px #00790421}.featured-badge{position:absolute;top:12px;right:18px;background:#007904;color:#fff;font-size:.85em;font-weight:700;padding:4px 12px;border-radius:8px;letter-spacing:1px;z-index:2}.project-techstack{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.tech-badge{background:#e6f4ea;color:#007904;font-size:1.2em;font-weight:600;padding:5px 10px 4px;border-radius:7px;letter-spacing:.5px;border:1px solid #b6e2c6;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:32px}.project-card:hover .tech-badge{background:#007904;color:#fff;border:1px solid #007904}.project-date{font-size:.98em;color:#888;margin-bottom:8px;margin-top:-6px;font-weight:500;letter-spacing:.5px}@media (max-width: 700px){.projects-grid{grid-template-columns:1fr;gap:18px}.project-card{padding:18px 10px 14px;min-height:120px}}.body.body-projects{background:linear-gradient(135deg,#232526,#414345);border-radius:24px;box-shadow:0 4px 32px #0000001a;padding:48px 8vw;margin:32px 0}.section-header{font-size:2.3em;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:1.5px;text-align:center}.section-subtitle{font-size:1.2em;color:#b6e2c6;margin-bottom:18px;text-align:center}.section-divider{border:none;border-top:2px solid #b6e2c6;width:60px;margin:0 auto 32px}.project-card{background:#ffffff0a;color:#fff;border-radius:18px;box-shadow:0 2px 16px #00000021;padding:32px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;position:relative;cursor:pointer;transition:box-shadow .25s,transform .25s,background .25s;min-height:180px;opacity:0;transform:translateY(30px);animation:cardFadeIn .7s forwards}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.project-card:hover{box-shadow:0 8px 36px #00c86b44,0 2px 16px #00000021;background:#00c86b1a;transform:translateY(-8px) scale(1.03)}.project-card h2{font-size:1.5em;margin-bottom:12px;font-weight:800;color:#b6e2c6;letter-spacing:1px}.project-date{font-size:1.05em;color:#b6e2c6;margin-bottom:10px;margin-top:-4px;font-weight:600;letter-spacing:.5px}.project-desc{font-size:1.08em;margin-bottom:18px;color:#e6f4ea;font-weight:400}.tech-badge{background:linear-gradient(90deg,#b6e2c6,#00c86b);color:#232526;font-size:1.1em;font-weight:600;padding:6px 16px 5px;border-radius:999px;letter-spacing:.5px;border:none;transition:background .2s,color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:32px;margin-bottom:2px;box-shadow:0 1px 4px #00c86b22}.tech-badge i{margin:0 2px;display:flex;align-items:center;justify-content:center}.project-card:hover .tech-badge{background:linear-gradient(90deg,#00c86b,#b6e2c6);color:#fff;box-shadow:0 2px 8px #00c86b44}@media (max-width: 700px){.body.body-projects{padding:24px 2vw}.project-card{padding:18px 10px 14px;min-height:120px}}.body,.body.main,.body-about,.applybody,.body.body-projects{background:linear-gradient(135deg,#232526,#414345);border-radius:24px;box-shadow:0 4px 32px #0000001a;color:var(--body-color);transition:background 1s,color 1s}[data-theme=dark] .body,[data-theme=dark] .body.main,[data-theme=dark] .body-about,[data-theme=dark] .applybody,[data-theme=dark] .body.body-projects{background:linear-gradient(135deg,#232526,#414345);color:var(--body-color)}[data-theme=light] .body,[data-theme=light] .body.main,[data-theme=light] .body-about,[data-theme=light] .applybody,[data-theme=light] .body.body-projects{background:linear-gradient(135deg,#f8fafc,#e6f4ea);color:var(--body-color)}[data-theme=light] .project-card{background:#fff;color:#232526;box-shadow:0 2px 16px #00000012}[data-theme=light] .project-card h2,[data-theme=light] .project-date{color:#007904}[data-theme=light] .project-desc{color:#333}[data-theme=light] .tech-badge{background:linear-gradient(90deg,#b6e2c6,#00c86b);color:#232526;border:1px solid #b6e2c6;box-shadow:0 1px 4px #00c86b22}[data-theme=light] .project-card:hover .tech-badge{background:linear-gradient(90deg,#00c86b,#b6e2c6);color:#fff}.applybody form{background:#ffffff14;border-radius:18px;box-shadow:0 2px 16px #0000001a;padding:36px 28px 28px;max-width:420px;width:100%;margin:0 auto 24px;display:flex;flex-direction:column;gap:18px}.applybody form p{font-size:1.2em;font-weight:600;color:#00c86b;margin-bottom:0}.applybody input,.applybody select,.applybody textarea{padding:12px 14px;border-radius:8px;border:1.5px solid #b6e2c6;background:#ffffffb3;color:#232526;font-size:1em;margin-bottom:0;transition:border .2s,box-shadow .2s}.applybody input:focus,.applybody select:focus,.applybody textarea:focus{border:1.5px solid #00c86b;outline:none;box-shadow:0 2px 8px #00c86b33}.applybody textarea{min-height:80px;resize:vertical}.applybody button[type=submit]{background:linear-gradient(90deg,#00c86b,#b6e2c6);color:#232526;font-weight:700;font-size:1.1em;border:none;border-radius:8px;padding:12px 0;margin-top:8px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 1px 4px #00c86b22}.applybody button[type=submit]:hover{background:linear-gradient(90deg,#b6e2c6,#00c86b);color:#007904;box-shadow:0 2px 8px #00c86b44}.applybody label{font-weight:600;color:#00c86b;margin-bottom:2px}.applybody .TMUlogo{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}[data-theme=dark] .applybody form{background:#282c34f2}[data-theme=dark] .applybody input,[data-theme=dark] .applybody select,[data-theme=dark] .applybody textarea{background:#282c34d9;color:#fff;border:1.5px solid #00c86b}[data-theme=dark] .applybody button[type=submit]{color:#fff}[data-theme=light] .section-header{color:#007904}