body{font-family:Inter,sans-serif;background-color:#000}.status-bar{position:fixed;top:0;left:0;right:0;height:30px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;font-weight:500;z-index:10;background-color:#000}.status-icons{display:flex;align-items:center;gap:8px}.status-icon{width:16px;height:16px;object-fit:contain}.battery{display:flex;align-items:center;gap:4px}.battery-body{width:24px;height:12px;border:1.5px solid white;border-radius:2px;position:relative;background-color:#ffffff1a;overflow:hidden}.battery-level{height:100%;background-color:#32cd32;transition:width .3s ease-in-out}.battery-text{font-size:12px}.charging-icon{margin-left:4px;color:gold;font-size:.9em}.lock-screen{position:fixed;inset:0;background-image:url(/assets/desktop_wallpaper-DfdL5CWi.jpeg);background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 8px rgba(0,0,0,.7);z-index:9999}.lock-header{margin-top:40px;display:flex;flex-direction:column;align-items:center}.lock-time{font-size:100px;font-weight:600}.lock-date{font-size:20px;margin-top:4px}.lock-icon{font-size:24px;margin-top:16px}.swipe-text{position:absolute;bottom:40px;font-size:16px;animation:bounce 1.5s infinite;cursor:pointer}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.notification-card{position:absolute;bottom:100px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;width:80%;max-width:400px;color:#fff;box-shadow:0 4px 12px #0000004d;text-align:left}.notification-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.notification-icon{width:40px;height:40px;object-fit:contain}.notification-title{font-weight:600;font-size:24px;margin:0}.notification-text{font-size:16px;line-height:1.4}@media (max-width: 768px){.lock-screen{background-image:url(/assets/mobile_wallpaper-BDPIF0LW.jpeg)}.notification-title{font-size:20px}}@keyframes zoomIn{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.home-screen{position:fixed;inset:0;background-image:url(/assets/desktop_wallpaper-DfdL5CWi.jpeg);background-size:cover;background-position:center;color:#fff;padding:80px;animation:zoomIn .4s ease-out;transform-origin:center}.icon-container{display:flex;gap:40px;flex-wrap:wrap}.home-icon{width:50px;height:50px;cursor:pointer;transition:transform .2s ease}.home-text{margin-top:0;font-size:15px;font-weight:400;display:flex;align-items:center;justify-content:center}.bottom-nav{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:10px 20px;display:flex;gap:25px;align-items:center;box-shadow:0 4px 10px #0000004d}.nav-icon{width:50px;height:50px;cursor:pointer;transition:transform .2s ease}.nav-icon:hover{transform:scale(1.1)}@media (max-width: 768px){.home-screen{background-image:url(/assets/mobile_wallpaper-BDPIF0LW.jpeg);padding:50px}.icon-container{gap:35px}.home-text{font-size:12px}}.about-container{margin-top:50px;margin-left:20px}.header-row{display:flex;justify-content:space-between;align-items:center;width:100%}.link-container{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:20px}.download-image{width:40px;height:40px;margin-top:10px}.about-title{color:#fff}.my-image{width:120px;height:120px}.about-card{display:flex;align-items:center;gap:20px}.about-card h1{color:#fff;margin-bottom:0}.about-card p{color:gray;margin-top:0}.about-description{margin-top:40px}.about-description p{color:#fff;font-weight:"bold"}.contact-row{display:flex;align-items:flex-start;gap:40px;margin-top:12px;margin-bottom:12px}.contact-row .contact-title{width:150px;color:#fff;font-weight:600;margin:0}.contact-row a{text-decoration:none;color:#007aff}.contact-row p{margin:0}@media (max-width: 768px){.about-container{margin-left:10px;margin-right:10px}.header-row{align-items:flex-start;gap:8px}.about-card{align-items:flex-start}.my-image{width:100px;height:100px}.contact-row{flex-direction:column;gap:12px;align-items:flex-start}.home-link{font-size:14px}}@media (max-width: 480px){.my-image{width:80px;height:80px}.about-container{margin-top:30px}.home-link{font-size:13px}.download-image{width:32px;height:32px}.link-image{width:18px;height:18px}.about-description{margin-top:20px}}.home-indicator{position:fixed;bottom:8px;left:50%;transform:translate(-50%);width:130px;height:5px;background-color:#fffc;border-radius:999px;opacity:.9}.skills-screen{margin-top:50px;margin-left:20px}.skills-title{color:#fff}.skills-banner{text-align:center}.skills-banner img{width:1410px;height:400px;border-radius:20px;margin-right:80px}.skills-content{width:1410px}.skills-content h1{color:#fff;font-size:20px;margin-left:20px}.skills-card{background-color:#1c1c1e;border-radius:12px;padding:12px 16px;margin:0 4px;box-shadow:0 1px 3px #0003}.skill-box{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c2c2e}.skill-box-last{display:flex;align-items:center;justify-content:space-between}.skill-info{display:flex;align-items:center;gap:10px}.skills-card p{color:#fff;font-size:16px;padding:12px 0;margin:0}.header-container{display:flex;align-items:center;gap:8px;cursor:pointer}.skill-detail-container{display:flex;align-items:center;gap:20px;cursor:pointer}.title,.subtitle{color:#fff}.description{color:#fff;line-height:1.5}@media (max-width: 768px){.skills-screen{margin-top:30px;margin-left:10px}.skills-banner img,.skills-content{width:100%;height:auto;margin-right:0}.skills-content h1{font-size:18px;margin-left:10px}.skills-card{padding:10px 14px;margin:8px 0}.skills-card p,.home-link{font-size:14px}.header-container{align-items:center}.title,.subtitle{color:#fff}}@media (max-width: 480px){.skills-screen{margin-top:40px;margin-left:5px}.skills-banner img{width:100%;height:auto;border-radius:10px}.skills-content{width:100%;padding:0 10px}.skills-content h1{font-size:16px;margin-left:5px}.skills-card{padding:8px 12px;margin-right:10px}.skills-card p,.home-link{font-size:13px}.link-image{width:16px;height:16px}.header-container{align-items:center;margin-top:20px}.title{color:#fff}.subtitle{color:#fff;font-size:16px}}.education-screen{margin-top:50px;margin-left:20px}.home-link{color:#007aff;margin:0;font-size:16px}.education-title{color:#fff}.education-card{display:flex;align-items:center;gap:40;background-color:#1c1c1e;border-radius:12px;padding:12px 16px;margin:0 4px;box-shadow:0 1px 3px #0003}.education-content{color:#fff;display:flex;flex-direction:column;margin-left:20px}.education-content h1{margin:0 0 8px;font-size:1.4rem;font-weight:600}.education-content .university{margin:0;font-size:1.1rem;color:#ccc}.education-content .duration{margin:4px 0 12px;font-size:.95rem;color:#999}.education-content .description{font-size:.95rem;line-height:1.4;color:#bbb}@media (max-width: 768px){.education-screen{margin-top:30px;margin-left:10px}.education-card{flex-direction:column}.education-content{margin-top:20px}}@media (max-width: 480px){.education-screen{margin-top:40px;margin-left:5px}.education-card{flex-direction:column}.education-content{margin-top:20px}}.projects-screen{margin-top:50px;margin-left:20px;color:#fff}.project-filter .box{background-color:#1c1c1e;border-radius:5px;box-shadow:0 1px 3px #0003;display:inline-block;padding:6px 15px;margin-right:20px}.project-filter .box:hover{background-color:#007aff;cursor:pointer}.featured-section{margin-top:40px}.featured-section p{color:#007aff;margin-bottom:0}.featured-section h1{margin-top:0;font-size:40px;margin-bottom:0}.featured-section img{width:80%;height:330px;border-radius:12px;margin-top:0}.projects-list{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;border-bottom:1px solid #2c2c2e;padding-bottom:15px;background-color:#000;margin-right:20px}.projects-list img{width:80px;height:80px;border-radius:20px;object-fit:cover}.projects-main{flex-grow:1}.projects-info{display:flex;flex-direction:column;justify-content:center}.title{font-size:25px;margin:0;color:#fff;font-weight:600}.subtitle{margin:5px 0 0;color:gray;font-weight:400}.get-button{background-color:#1c1c1e;color:#007aff;font-weight:600;border:none;border-radius:16px;padding:8px 18px;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.projects-list-view{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;border-bottom:1px solid #2c2c2e;padding-bottom:15px;background-color:#000;margin-right:20px}.view-project-button{background-color:#007aff;color:#fff;font-weight:600;border:none;border-radius:16px;padding:8px 18px;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease;width:80px;margin-top:10px}.project-metadata{margin:20px 0;color:#fff}.metadata-row{display:flex}.metadata-item{flex:1;text-align:center;padding:10px;border-right:1px solid #555}.metadata-item:last-child{border-right:none}.metadata-item p:first-child{font-size:18px;color:#fff;font-weight:700;margin:0}.metadata-item p:last-child{font-size:14px;margin:5px 0 0;color:gray}.project-images-section{display:flex;gap:15px;overflow-x:auto;padding:10px 0;border-bottom:1px solid #2c2c2e}.project-images-section img{max-width:300px;height:auto;border-radius:8px;flex-shrink:0;margin-bottom:10px}.project-description{margin-top:10px;color:#fff}.project-info-des{display:flex;align-items:center;gap:10px;margin-bottom:0}.project-description img{height:40px}.project-description ul li{margin-top:0;line-height:1.6;color:#8a8686;font-size:16px}.technologies-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:10px 0}.technologies-list .tech-card{background-color:#1c1c1e;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000004d;color:#fff;font-weight:500;white-space:nowrap;transition:transform .2s,box-shadow .2s;cursor:default}.technologies-list .tech-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0006}.tech-card:hover{background-color:#007aff}@media (max-width: 768px){.projects-screen{margin-top:40px;margin-left:10px}.link-container .home-link{font-size:14px}.project-filter .box{padding:5px 12px;margin-right:12px;font-size:14px}.featured-section h1{font-size:28px}.featured-section img{width:90%;height:250px}.projects-list{flex-direction:row;align-items:flex-start;gap:10px;margin-right:0;padding-bottom:10px}.projects-list img{width:70px;height:70px;border-radius:15px}.title{font-size:22px}.subtitle{font-size:14px}.get-button{padding:6px 14px;font-size:14px;align-self:flex-start}.metadata-row{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px;padding:0 10px}.project-description ul{padding-left:20px}.technologies-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.technologies-list .tech-card{flex:0 0 auto;margin-right:10px}}@media (max-width: 480px){.projects-screen{margin-top:40px;margin-left:5px}.link-container{gap:5px}.link-image{width:16px;height:16px}.link-container .home-link{font-size:12px}.project-filter .box{padding:4px 10px;margin-right:8px;font-size:12px}.featured-section h1{font-size:22px}.featured-section img{width:100%;height:200px}.projects-list{flex-direction:row;align-items:flex-start;gap:8px;margin-right:0;padding-bottom:8px}.projects-list img{width:60px;height:60px;border-radius:12px}.title{font-size:18px}.subtitle{font-size:12px}.get-button{padding:5px 12px;font-size:13px;align-self:flex-start}.metadata-row{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px;padding:0 10px}.project-description ul li{font-size:14px;line-height:1.5}.technologies-list{gap:8px;padding-bottom:10px}.technologies-list .tech-card{padding:10px 12px;font-size:14px}}.work-screen{margin-top:50px;margin-left:20px}.link-container{display:flex;align-items:center;gap:8px;cursor:pointer}.link-container .home-link{color:#007aff;margin:0;font-size:16px}.work-title,.work-screen p{color:#fff}.work-section-title{color:#fff;font-size:20px;margin-left:20px}.work-card{background-color:#1c1c1e;border-radius:5px;padding:12px 16px;margin:0 4px;box-shadow:0 1px 3px #0003}.work-box{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2c2c2e;box-sizing:border-box}.work-info{display:flex;align-items:center;flex:1}.work-text{font-size:15px;font-weight:400;color:#fff;padding:0}.work-arrow{margin-left:auto}.work-box:last-child{border-bottom:none}.work-screen .work-duration{color:#007aff}.work-subtitle{color:#fff;margin-top:30px}.description-list{margin-top:15px;padding-left:20px;list-style-type:disc;line-height:1.6}.description-item{margin-bottom:8px;font-size:1rem;color:#fff}.tech-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.tech-item{background-color:#1c1c1e;border-radius:8px;padding:12px 15px;width:200px;text-align:center;font-size:16px;font-weight:500;color:#fff;box-shadow:0 2px 5px #00000014;transition:transform .2s ease,box-shadow .2s ease}.tech-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:#007aff}.tag-container{background-color:#1c1c1e;border-radius:5px;padding:12px 16px;margin:0 4px;box-shadow:0 1px 3px #0003}.tag-chip{display:block;padding:6px 12px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2c2c2e;box-sizing:border-box}@media (max-width: 768px){.work-screen{margin-top:30px;margin-left:10px}.work-screen .work-duration{font-size:18px}.description-list{text-align:justify;padding-right:10px}.tech-list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px}.tech-item{flex:0 0 auto;width:150px}}@media (max-width: 480px){.work-screen{margin-top:40px;margin-left:5px}.work-screen .work-duration{font-size:18px}.description-list{text-align:justify;padding-right:10px}.tech-list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px}.tech-item{flex:0 0 auto;width:150px}}.link{display:flex;align-items:center;gap:8px;cursor:pointer;position:fixed;top:20px;left:20px;background:#0009;padding:6px 10px;border-radius:8px;z-index:1000;margin-top:20px}.link-image{width:20px;height:20px}.home-link{color:#007aff;margin:0;font-size:16px;font-weight:500}.main-card{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:80px;gap:10px;color:#fff}.main-card img{width:120px;height:120px;border-radius:50%}.main-card h1{font-size:30px;color:#fff;margin-top:0;margin-bottom:0}.main-card p{margin-top:0}.social-links{display:flex;gap:20px;justify-content:center;align-items:center}.social-links p{margin:0}.social-links a{text-decoration:none;color:#007aff;font-weight:500;transition:color .2s ease}.ios-divider{border:none;height:1px;background-color:#333;margin:16px 4px}.tech-section,.experience-section{color:#fff;margin-left:20px}.experience-section p{font-size:20px;color:#007aff}.projects-section{color:#fff;margin-left:20px}.projects-section>div{display:flex;align-items:center;gap:15px;margin-top:10px}.projects-section img{width:400px;height:auto;border-radius:8px}.projects-section p{margin:0;font-size:16px;color:#ccc}.projects-section p:first-child{font-size:20px;color:#007aff;font-weight:700}.freelance-section{color:#fff;margin-left:20px}.freelance-section p{color:#007aff;margin-top:0}.service-card-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:20px}.service-card{background:linear-gradient(145deg,#1e1e20,#2a2a2d);border-radius:12px;padding:20px 30px;box-shadow:0 6px 18px #00000040;color:#fff;font-size:1.1rem;font-weight:500;text-align:center;flex:1 1 220px;max-width:250px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.service-card:hover{transform:translateY(-6px);background:#007aff}.service-card p{margin:0;color:#fff}@media (max-width: 480px){.main-card p{margin-left:20px;margin-right:20px}.social-links{flex-direction:column}.tech-section h1{font-size:25px}.tech-section p{font-size:15px}.experience-section h1{font-size:25px}.experience-section p{font-size:18px}ul li{font-size:14px}.project-card{display:flex;flex-direction:column}.project-card img{width:300px;height:auto;border-radius:8px}.freelance-section h1{font-size:25px}}.link-container-safari{display:flex;align-items:center;gap:6px;cursor:pointer;position:absolute;top:20px;left:20px;margin-top:20px;z-index:10;padding:6px 10px}.safari-wrapper{display:flex;flex-direction:column;justify-content:space-between;margin-top:50px}.safari-container{display:flex;justify-content:center;gap:30px;margin-top:50px}.safari-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.safari-item img{width:80px;height:80px;object-fit:contain}.safari-item p{margin-top:8px;font-size:14px;text-align:center;color:#fff}.safari-search-bar{display:flex;justify-content:center;align-items:center}.safari-search-bar input{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:60%;max-width:500px;padding:14px 18px;background:#1c1c1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:16px;box-shadow:0 4px 20px #00000059;outline:none;transition:all .3s ease}.safari-search-bar input:focus{border:1px solid #007aff;box-shadow:0 0 10px #007aff99;background:#1c1c1ef2}@media (max-width: 768px){.safari-container{flex-wrap:wrap;gap:20px;margin-top:30px}.safari-item img{width:65px;height:65px}.safari-item p{font-size:13px}.safari-search-bar input{width:80%;max-width:400px;font-size:15px;padding:12px 16px}}@media (max-width: 480px){.safari-container{flex-direction:row;align-items:center;gap:15px;margin-top:50px}.safari-item img{width:55px;height:55px}.safari-item p{font-size:12px}.safari-search-bar input{width:80%;max-width:none;font-size:14px;padding:10px 14px;bottom:30px}}.link-box{display:flex;align-items:center;gap:6px;cursor:pointer;position:fixed;top:20px;left:20px;z-index:100;padding:6px 10px;margin-top:20px;margin-bottom:70px}.link-image{width:18px;height:18px}.home-link{color:#007aff;margin:0;font-size:15px;font-weight:500}.imessage-container{display:flex;flex-direction:column;height:100vh;margin-top:60px;margin-bottom:40px}.chat-messages{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:50px}.chat-messages::-webkit-scrollbar{display:none}.bubble{max-width:75%;padding:10px 14px;margin:6px 0;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word;white-space:pre-line;display:inline-block}.bubble.user{align-self:flex-end;background:#007aff;color:#fff;border-bottom-right-radius:4px}.bubble.bot{align-self:flex-start;background:#2f2f2f;color:#fff;border-bottom-left-radius:4px}.chat-input{display:flex;padding:10px;border-top:1px solid #333;background:#000;position:fixed;bottom:0;left:0;right:0;margin:auto}.chat-input input{flex:1;padding:10px 14px;border:none;outline:none;border-radius:20px;background:#1c1c1e;color:#fff;margin-right:10px;font-size:15px}.chat-input input::placeholder{color:#777}.chat-input button{background:#007aff;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer}.bubble.typing{display:flex;gap:4px;background:#e5e5ea;color:transparent;width:fit-content}.bubble.typing span{width:6px;height:6px;background:#555;border-radius:50%;display:inline-block;animation:blink 1.4s infinite both}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.bubble a{color:#fff;text-decoration:none}.bubble.user a,.bubble.bot a{color:#fff}@media (max-width: 768px){.imessage-container{margin-top:80px}.bubble{max-width:85%;font-size:14px;padding:8px 12px}.chat-input input{font-size:14px;padding:8px 12px}.chat-input button{font-size:13px;padding:6px 12px}}@media (max-width: 480px){.imessage-container{margin-top:80px}.bubble{max-width:90%;font-size:13px;padding:6px 10px;border-radius:16px}.chat-input{padding:8px}.chat-input input{font-size:13px;padding:6px 10px;margin-right:8px}.chat-input button{font-size:12px;padding:6px 10px}}