:root{--bg-color: #1a1a2e;--text-color: #fff;--accent-color: #e94560;--font-size-base: 1.125rem;--font-size-lg: 1.5rem;--font-size-sm: .875rem}html{font-size:var(--font-size-base);color:var(--text-color);background:var(--bg-color)}#home{position:relative;width:100%;min-height:100vh;overflow:hidden;background:var(--bg-gradient)}#particles-js{position:absolute;width:100%;height:100%;top:0;left:0}.about-section{padding:2rem 0;color:var(--text-color);background:var(--bg-color)}.projects-container,.projects-row{display:flex;flex-wrap:wrap;gap:2rem}.project-col{flex:1 1 300px;max-width:350px}.card{background:var(--bg-color);border-radius:1rem;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.card-content{display:flex;flex-direction:column;gap:1rem}.card-title{font-size:var(--font-size-lg);font-weight:700}.projects-section{padding:2rem 0;color:var(--text-color);background:var(--secondary-color)}.contact-section{padding:2rem 0;color:var(--text-color);background:var(--bg-color)}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-base)}.flex{display:flex;align-items:center;justify-content:center}.footer{padding:1rem 0;color:var(--text-color);background:var(--secondary-color);text-align:center}*{margin:0;padding:0;box-sizing:border-box}html,body{justify-content:center}:is(html,body) html,:is(html,body) body{width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color, #fff);background-color:var(--bg-color, #1a1a2e);font-size:1.125rem}:is(html,body) :root{--bg-color: #1a1a2e;--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--header-bg: rgba(0, 0, 0, .8);--text-color: #fff;--accent-color: #e94560;--secondary-color: #0f3460;--font-size-base: 1.125rem;--font-size-lg: 1.5rem;--font-size-sm: .875rem}:is(html,body) #home{position:relative;width:100%;min-height:100vh;overflow:hidden;background:var(--bg-gradient)}:is(html,body) #particles-js{position:absolute;width:100%;height:100%;top:0;left:0}:is(html,body) .header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-base)}:is(html,body) .flex{display:flex;align-items:center}.link-wrap{width:100%;justify-content:space-between}.link-wrap-content{display:flex;gap:30px}.page-link{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:10px 15px;border-radius:4px;transition:all .3s ease}.page-link:hover,.page-link.active{color:#aa73ff;background-color:#aa73ff1a}.menu-bar{display:none;font-size:24px;cursor:pointer;color:#fff;transition:all .3s ease}.menu-bar:hover{color:#aa73ff}.home-content{position:relative;z-index:5;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:30px;margin-top:70px}.center-align{display:flex;justify-content:center;align-items:center}.text{font-size:48px;font-weight:700;line-height:1.5;margin-bottom:20px;animation:fadeInUp 1s ease-out}.highlight{background:linear-gradient(135deg,#aa73ff,#f8c210);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.button{padding:12px 30px;font-size:16px;font-weight:600;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;gap:10px}.button-link{background:linear-gradient(135deg,#aa73ff,#83d238);color:#fff;border:none}.button-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #aa73ff66}.button-link img{width:20px;height:20px;transition:transform .3s ease}.button-link:hover img{transform:translate(5px)}.w-100{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.link-wrap-content{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;background-color:#000000e6;padding:20px;width:100%}.link-wrap-content.show{display:flex}.menu-bar{display:block}.page-link{padding:15px;width:100%;text-align:left}.text{font-size:32px}.header{padding:15px 20px}.about-card{flex-direction:column;gap:20px}.about-card-image img{width:100%;height:auto;max-width:200px;margin:0 auto}.section-header{font-size:24px;margin-bottom:30px}.tech-header,.knowledge-header,.icon-header{width:auto}.percentage{min-width:auto}.project-col{flex:0 0 calc(50% - 15px);min-width:250px}}@media(max-width:480px){.project-col{flex:0 0 100%;min-width:100%}.projects-row{gap:20px}}#about,#projects,#contact{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}#about{background-color:#f8f9fa;padding:80px 0;width:100vw;margin-left:calc(-50vw + 50%)}#projects{background-color:#1e1e2e;padding:80px 0;width:100vw;margin-left:calc(-50vw + 50%)}#contact{background-color:#1a1a2e;padding:80px 0;width:100vw;margin-left:calc(-50vw + 50%)}.section-header{font-size:36px;font-weight:800;color:#1a1a1a;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px;margin-bottom:50px;display:block;text-align:center;width:100%}#projects .section-header{color:#fff}.about-container{max-width:1100px;margin:0 auto 60px;padding:0 40px;width:100%}.about-card{display:flex;gap:30px;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.about-card-image{flex-shrink:0}.about-card-image img{width:150px;height:180px;object-fit:cover;border-radius:8px}.about-card-content{flex:1;display:flex;flex-direction:column;justify-content:center}.about-label{color:#e74c3c;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.about-text{color:#555;font-size:16px;line-height:1.8;margin:0}.skills-container{max-width:1100px;margin:0 auto;padding:0 40px;width:100%}.skills-table{width:100%;border-collapse:collapse}.skills-table thead tr{border-bottom:2px solid #ddd}.skills-table th{padding:15px 10px;text-align:left;font-weight:600;color:#333;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.tech-header{width:25%}.knowledge-header{width:60%}.icon-header{width:15%;text-align:center}.skill-row{border-bottom:1px solid #eee}.skill-row:hover{background-color:#f9f9f9}.tech-cell{padding:20px 10px}.tech-name{color:#2980b9;font-weight:500;font-size:15px}.knowledge-cell{padding:20px 5em 20px 10px;align-items:center;gap:15px}.progress-bar-container{flex:1;height:6px;background-color:#ecf0f1;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:3px;transition:width .3s ease}.percentage{color:#7f8c8d;font-weight:600;font-size:14px;min-width:40px;text-align:right}.icon-cell{padding:20px 10px}.icon-cell img{opacity:.7;transition:opacity .3s ease}.skill-row:hover .icon-cell img{opacity:1}.mb-6{margin-bottom:40px}.projects-container{max-width:1200px;margin:0 auto;padding:0 40px;width:100%}.projects-row{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;width:100%}.project-col{display:flex;flex:0 0 calc(33.333% - 20px);min-width:300px}.card{background:#2a2a3e;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0003;transition:all .3s ease;height:100%;display:flex;flex-direction:column}#projects .card{background:#252538;border:1px solid #3a3a50}#projects .card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #aa73ff33;border-color:#aa73ff}.card-content{padding:25px;flex:1;display:flex;flex-direction:column}.card-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:15px}#projects .card-title{color:#aa73ff}.card p{color:#aaa;font-size:13px;line-height:1.6;margin:0;flex:1}#projects .card p{color:#bbb}#projects{background-color:#0f3460}#contact{background-color:#1a1a2e}.page-footer{background-color:#2a2a2a;padding:60px 40px;color:#999}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer-section{flex:1}.quick-links-section{text-align:left}.right-section{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:20px}.footer-title{font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.quick-links-content{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.quick-links-content li a{color:#999;text-decoration:none;font-size:14px;transition:all .3s ease}.quick-links-content li a:hover{color:#aa73ff}.social-container{display:flex;gap:15px;align-items:center;margin-bottom:15px}.social-link{display:inline-flex;width:50px;height:50px;border-radius:8px;justify-content:center;align-items:center;transition:all .3s ease;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.social-link:hover{background-color:#aa73ff33;border-color:#aa73ff66;transform:translateY(-3px)}.social-link img{width:28px;height:28px;object-fit:contain}.copyright{font-size:13px;color:#666;line-height:1.6}