:root{--font-main: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-code: Courier, monospace;--bg-color: white;--text-color: black}[data-theme=dark]{--bg-color: #0f0f1a;--text-color: white}*{font-family:San Francisco,Courier,Helvetica,Arial,san-serif,monospace}body,html{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}button{cursor:pointer;margin:0;padding:8px 16px;background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color);border-radius:4px}.timeline-container{color:#6a5acd}.timeline{border-left:#6a5acd 6px solid;padding:20px 20px 20px 0}.timeline_c{padding:20px 20px 20px 0;display:flex;align-items:center}.arro{margin:10px 15px 10px 0;color:#6a5acd;font-size:20px}.timeline-title{background:linear-gradient(to right,#6a5acd,#2b2bf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.timeline-content{width:40vw;border-radius:15px;padding:15px;margin-bottom:20px;background-color:transparent;box-shadow:0 0 10px #00000080}.skill-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;list-style:none;padding:0}.skill-item{width:auto;border:#6a5acd 2px solid;border-radius:9px;padding:9px 12px;font-size:14px;text-align:center;background-color:#6a5acd1a}.timeline-content h3,.timeline-content p,.skill-item{margin:10px 0}@media (max-width: 665px){.timeline-content{margin-left:5%;width:80vw}.timeline_c{flex-direction:column;align-items:flex-start}}.skills-bar-container{width:100%;overflow:hidden;padding:100px 0 0;background-color:transparent;position:relative;white-space:nowrap}.skills-bar{display:flex;flex-wrap:nowrap;position:relative;width:100%}.scrolling-logos{display:flex;animation:scroll-left 65s linear infinite;width:max-content}.skill-logo{flex-shrink:0;width:80px;height:80px;margin:0 6vw;display:flex;align-items:center;justify-content:center}.skill-logo img{width:100%;mix-blend-mode:multiply;height:100%;object-fit:contain}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.skill-logo{width:60px;height:60px;margin:0 10px}.scrolling-logos{animation:scroll-left 16s linear infinite}}.skills-container{text-align:center;color:var(--text-secondary);background-color:transparent;padding:30px 2px}.skills-title{font-size:24px;margin-bottom:20px;color:var(--text-primary)}.skills-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-section{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.skill-category{border:1px solid var(--accent-color);border-radius:10px;padding:20px 10px;box-shadow:0 0 10px #0000001a;background-color:transparent}.category-title{font-size:18px;margin-bottom:15px;text-align:center;color:var(--text-primary);font-weight:700}.skills-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skill-box{border:1px solid var(--accent-color);border-radius:10px;padding:10px;text-align:center;width:100px;box-shadow:0 0 5px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease;background-color:transparent}.skill-box:hover{transform:scale(1.1);box-shadow:0 0 15px #6a5acd4d}.skill-name{font-size:16px;font-weight:700;margin-bottom:5px;color:var(--text-primary);text-decoration:none}.progress-bar{width:100%;background:var(--bg-secondary);border-radius:10px;height:8px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);width:0;transition:width 1.5s ease-in-out}.skill-percentage{font-size:14px;color:var(--accent-color);font-weight:700;margin-top:5px}@media (max-width: 768px){.skills-section{flex-direction:column;align-items:center}.skill-category{width:90%}}.projects-container{text-align:center;margin-block:100px;background-color:transparent}.section-title{font-size:2rem;margin-bottom:40px;color:var(--text-primary)}.section-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;justify-content:center}.project-card{background:transparent;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center;color:var(--text-primary);transition:all .3s ease-in-out;border:1px solid var(--accent-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:hover{background:var(--gradient-primary);transform:translateY(-5px);box-shadow:0 8px 20px #0b0151}.project-card:hover .tech-badge{background:#0000004d}.project-card:hover .project-links a{background:#00000080;color:#fff}.project-image{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:10px;border:1px solid var(--border-primary)}.read-more-toggle{color:var(--accent-color);cursor:pointer;font-weight:700}.project-card:hover .read-more-toggle{color:#000}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.tech-badge{background:#291575b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem;transition:background .3s}.project-links{margin-top:15px}.project-links a{display:inline-block;margin:5px;padding:8px 15px;background-color:var(--accent-color);color:#fff;text-decoration:none;font-weight:700;border-radius:5px;transition:all .3s}@media (max-width: 768px){.projects-scroll{display:flex;flex-direction:column;align-items:center}.project-card{width:90%}.project-image{height:150px}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #0a0a23;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #b1b2b2;--gradient-primary: linear-gradient(to right, #6a5acd, rgb(43, 43, 248));--border-primary: #e0e0e0;--accent-color: #6a5acd}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #0a0a23;--text-primary: #f5f5f5;--text-secondary: #aaaaaa;--text-tertiary: #b1b2b2;--gradient-primary: linear-gradient(to right, #6a5acd, rgb(43, 43, 248));--border-primary: #444444;--accent-color: #6a5acd}.header{margin:0;width:100%;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;z-index:1000;background-color:transparent}.header h1{font-weight:bolder;margin:1vw 1vw 1vw 4vw;background:linear-gradient(to right,#6a5acd,#2b2bf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu_ele{margin:1vw;border:none;padding:1vw;color:var(--text-primary);background-color:transparent;font-weight:bolder}.menu_ele:hover{color:#6a5acd}.Home{width:95%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:10vw}.Hello{color:var(--text-primary)}.Home h1{margin-top:0;font-size:5vw;background:linear-gradient(to right,#6a5acd,#2b2bf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Home h2{color:var(--text-primary)}.Home_about{width:40vw;color:var(--text-secondary);line-height:1.5}.Home_about p{margin-left:0}.right{display:none}.Home_left,.Home_right{padding:10px;width:100%}.Home_left{padding-left:4vw}.view{margin:1vw 1vw 1vw 0vw;padding:1vw 1.3vw;border-radius:5px;background:var(--gradient-primary);border:1px solid #6a5acd;color:#fff}.connect{margin:1vw;padding:1vw 1.3vw;border-radius:5px;border:1px solid #6a5acd;background:transparent;color:var(--accent-color);cursor:pointer;transition:all .3s ease-in-out}.connect:hover{background:linear-gradient(to right,#6a5acd,#2b2bf8);color:#fff}.view:hover{background:transparent;color:var(--accent-color)}.icon{font-size:2vw;margin-top:30px;color:var(--text-primary);margin-right:5vw}.icon:hover{color:#6a5acd}@keyframes shadowMove{0%{box-shadow:0 0 20px #6a5acdcc}10%{box-shadow:8px 8px 22px #2b2bf8b3}20%{box-shadow:12px 0 25px #6a5acdb3}30%{box-shadow:8px -8px 22px #2b2bf8b3}40%{box-shadow:0 -12px 25px #6a5acdb3}50%{box-shadow:-8px -8px 22px #2b2bf8b3}60%{box-shadow:-12px 0 25px #6a5acdb3}70%{box-shadow:-8px 8px 22px #2b2bf8b3}80%{box-shadow:0 12px 25px #6a5acdcc}90%{box-shadow:8px 8px 22px #2b2bf8b3}to{box-shadow:0 0 20px #6a5acdcc}}.Home_right{display:flex;justify-content:center;align-items:center;height:auto}.Profile_wrapper{width:20vw;height:20vw;display:flex;align-items:center;justify-content:center;border-radius:50%;border:6px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient-primary) border-box;animation:shadowMove 7s infinite ease-in-out}.Profile_img{width:100%;height:100%;border-radius:50%}.About{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:140px}.About h1{color:var(--text-primary);margin-bottom:0}.About p{color:var(--text-secondary)}.About h1 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.About_content{width:95%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:7vw}.WhoIam h2 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.WhoIam h2{color:var(--text-primary)}.WhoIam p{padding-left:0;line-height:1.7;color:var(--text-secondary);margin-left:0}.skill{margin-top:140px}.footer{border-top:.1vw solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);padding:40px 0}.footer-container{display:flex;justify-content:space-between;max-width:1200px;margin:auto;padding:0 20px}.contact-info h2,.contact-form h2{color:var(--accent-color)}.contact-info a{color:var(--accent-color);text-decoration:none}.contact-form input,.contact-form textarea{background:var(--bg-secondary);border:none;padding:10px;margin-bottom:10px;color:var(--text-secondary);font-size:14px;width:100%}.contact-form button{background:var(--accent-color);color:var(--text-primary);border:2px solid var(--accent-color);width:140px;border-radius:5px;margin-left:auto;padding:5px;font-size:16px;cursor:pointer;transition:.3s}.contact-form button:hover{background:transparent;border:2px solid var(--accent-color)}.contact-form form{margin-right:10px}.time{font-size:10px}.time_switch{align-items:center;justify-content:space-between;margin-top:30px;display:flex}.switch{font-size:17px;margin-inline:10px;margin-left:auto;position:relative;display:inline-block;width:2em;height:1.1em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#000;transition:.2s;border-radius:30px}.slider:before{position:absolute;content:"";height:.9em;width:.9em;border-radius:20px;left:.09em;bottom:.1em;background-color:#000;box-shadow:inset 8px -4px #fff;transition:.4s}.switch input:checked+.slider{background-color:#2196f3}.switch input:checked+.slider:before{transform:translate(.9em);background-color:#ff0;box-shadow:none}@media (min-width: 768px){.right{display:none}}@media (max-width: 768px){.header{padding-top:20px;border-bottom:var(--border-primary);justify-content:center}.header h1{display:none}.Home{width:93%;grid-template-columns:1fr}.Home h1{margin-top:0;font-size:9vw}.Home_about{width:100%;margin:auto}.text-center{padding:10px}.right{display:visible;margin-top:50px}.tempright{display:none}.Home_right{height:auto}.Profile_wrapper{width:50vw;height:50vw}.icon{font-size:5vw}.footer-container{flex-direction:column}.contact-info,.contact-form{width:97%}.connect,.view{border:.5px solid #6a5acd}}