*{margin:0;padding:0;box-sizing:border-box}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience-canvas{height:100%;width:100%}#modeToggle{display:none}.sun-icon,.moon-icon{transition:all .3s ease}.loading-bar-container{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:50%;height:80px;background-color:#e6dede;border-radius:6px;overflow:hidden}.loading-bar{height:100%;width:0%;background-color:#deadbc;transition:width .3s ease-in-out}.loading-screen{position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;border:8px solid #ce8393;background-color:#ce8393;transform:perspective(1000px);border-radius:48px;display:flex;align-items:center;justify-content:center}.loading-screen-button{background-color:transparent;padding:10px 40px;outline:none;color:#e6dede;border-radius:1.2rem;border:none;font-size:42px}.loading-screen p{color:#e6dede;position:fixed;bottom:100px;font-size:18px;text-align:center;margin-top:12px;font-family:Arial,sans-serif;line-height:1.4}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.overlay.show{display:block}.aboutme-modal.show,.projects-modal.show,.contactme-modal.show{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-title{font-size:2rem;margin-bottom:1rem;color:#333;text-align:center}.modal-subtitle{font-size:1.1rem;text-align:center;margin-bottom:1.5rem;color:#666}.modal-wrapper{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ce8393 transparent}.modal-wrapper::-webkit-scrollbar{width:8px}.modal-wrapper::-webkit-scrollbar-thumb{background-color:#ce8393;border-radius:4px}.modal-wrapper p{line-height:1.6;font-size:1rem;color:#444}.modal-subheading{font-size:1.2rem;margin-top:2rem;margin-bottom:.5rem;color:#222;font-weight:700}#mode-toggle{border:8px solid currentColor;background-color:var(--bg);padding:10px 16px;border-radius:1.2rem;cursor:pointer;display:flex;align-items:center;gap:10px;position:absolute;top:20px;right:20px;z-index:10;box-shadow:#0000003d 0 3px 8px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,border-color .3s ease,color .3s ease;color:var(--accent)}.light-mode #mode-toggle{--accent: #d3697f;--bg: #deadbc}.dark-mode #mode-toggle{--accent: #deadbc;--bg: #d3697f}#mode-toggle .icon{width:32px;height:32px}#mode-toggle:hover{transform:rotate(5deg) scale(1.3)}.aboutme-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:0;width:40%;max-width:1000px;max-height:80vh;box-shadow:0 20px 40px #0003;z-index:101;opacity:0;transition:opacity .4s ease,transform .4s ease;display:none;overflow:hidden;font-family:Arial,sans-serif;border:1px solid rgba(200,200,200,.3)}.aboutme-modal:before{content:"";display:block;height:44px;background:linear-gradient(to bottom,#ececec,#dcdcdc);border-bottom:1px solid #c0c0c0;position:relative}.aboutme-modal:after{content:none}.modal-exit-button{width:15px;height:15px;background:#deadbc;border:none;border-radius:50%;position:absolute;top:16px;left:12px;cursor:pointer;padding:0}.modal-exit-button:hover{background:#d3697f}.aboutme-modal .modal-wrapper{flex:1;overflow-y:auto;max-height:70vh;padding:1.5rem;margin-top:0}.aboutme-modal .modal-title{font-size:1.8rem;text-align:center;color:#222;margin-bottom:.5rem}.aboutme-modal .modal-subtitle{text-align:center;font-size:1rem;color:#666;margin-bottom:1rem}.aboutme-header,.aboutme-text{text-align:center;margin-bottom:1rem}.profile-image{width:200px;height:200px;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #00000026;border:2px solid #ccc}.profile-name{margin-top:.75rem;font-size:1.4rem;color:#333;font-weight:500}.folder-icon{display:flex;flex-direction:column;cursor:pointer;margin-top:2rem;font-weight:600;font-size:.8rem;color:#222;transition:transform .2s;gap:.5rem}.folder-img:hover{transform:scale(1.04)}.folder-img{right:-25px;width:68px;height:46px;background:linear-gradient(to bottom,#deadbc,#d3697f);border-radius:6px 6px 2px 2px;position:relative;box-shadow:0 2px 5px #0003}.folder-img:before{content:"";position:absolute;top:-7px;left:4px;width:30px;height:8px;background:#deadbc;border-radius:3px 3px 0 0}.hidden{display:none}.return-button{background:none;border:none;color:#deadbc;font-size:2rem;font-weight:900;cursor:pointer;text-align:left;display:inline-block}.return-button:hover{text-decoration:none}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;margin-top:2rem;justify-items:center;align-items:center;text-align:center}.tech-item{display:flex;flex-direction:column;align-items:center;color:#deadbc;font-size:1rem}.tech-item i,.tech-item img{font-size:3rem;width:48px;height:48px;margin-bottom:.5rem;filter:brightness(0) saturate(100%) invert(82%) sepia(11%) saturate(811%) hue-rotate(296deg) brightness(89%) contrast(95%)}.tech-item span{font-size:.9rem;color:#222}.custom-icon-img{width:24px;height:24px;margin-right:.5rem;vertical-align:middle;filter:brightness(0) saturate(100%) invert(51%) sepia(59%) saturate(397%) hue-rotate(298deg) brightness(84%) contrast(87%)}.projects-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:0;width:40%;max-width:1000px;max-height:80vh;box-shadow:0 20px 40px #0003;z-index:101;opacity:0;transition:opacity .4s ease,transform .4s ease;display:none;overflow:hidden;font-family:Arial,sans-serif;border:1px solid rgba(200,200,200,.3);align-items:center}.projects-modal:before{content:"";display:block;height:44px;background:linear-gradient(to bottom,#ececec,#dcdcdc);border-bottom:1px solid #c0c0c0;position:relative}.projects-modal:after{content:none}.projects-modal .modal-wrapper{overflow-y:auto;max-height:calc(80vh - 44px);padding:1.5rem;display:flex;flex-direction:column}.projects-modal .modal-title{font-size:1.8rem;text-align:center;color:#222;margin-bottom:.5rem}.projects-modal .modal-subtitle{text-align:center;font-size:1rem;color:#666;margin-bottom:1rem}.project-slider{width:100%;max-width:100%;overflow-x:hidden}.slide-content{display:flex;flex-direction:column;align-items:center}.slides-container{display:flex;transition:transform .5s ease-in-out;width:100%;flex-direction:column}.slide{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;margin:0 auto}.slide:not(.active){display:none}.slider-controls{justify-content:center;gap:1rem;align-items:center;display:flex;flex-direction:row}.slide-btn{background:none;border:none;color:#deadbc;font-size:2rem;font-weight:900;cursor:pointer;text-align:left;display:inline-block}.slide-btn:hover{text-decoration:none}.project-image{width:80%;align-items:center;max-height:290px;object-fit:contain;border-radius:12px;border:1px solid rgba(200,200,200,.3);margin:10px 0}.project-slider h1{color:#deadbc}.project-slider p{max-width:600px;margin:0 auto;line-height:1.6;word-wrap:break-word;text-align:center}.slide a{color:#deadbc;text-decoration:none;font-weight:700}.slide a:hover{text-decoration:underline}.projects-modal .modal-wrapper{overflow-y:auto;max-height:70vh}.contactme-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:0;width:40%;max-width:1000px;max-height:80vh;box-shadow:0 20px 40px #0003;z-index:101;opacity:0;transition:opacity .4s ease,transform .4s ease;display:none;overflow:hidden;font-family:Arial,sans-serif;border:1px solid rgba(200,200,200,.3)}.contactme-modal:before{content:"";display:block;height:44px;background:linear-gradient(to bottom,#ececec,#dcdcdc);border-bottom:1px solid #c0c0c0;position:relative}.contactme-modal:after{content:none}.contactme-modal .modal-wrapper{overflow-y:auto;max-height:calc(80vh - 44px);padding:1.5rem;display:flex;flex-direction:column}.direct-email{text-align:center;font-size:1rem;line-height:1.6;color:#444;margin-bottom:1rem;font-family:Arial,sans-serif}.direct-email a{color:#deadbc;font-weight:600;text-decoration:underline;text-underline-offset:2px}.direct-email a:hover{text-decoration-thickness:2px}.contactme-content{display:flex;height:100%;padding:1.5rem;gap:1rem}.contactme-form-section{flex:3;display:flex;flex-direction:column;justify-content:center}.contactme-social-section{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:1rem;text-decoration:none}.contactme-modal h1{color:#deadbc;padding-bottom:1rem}.contact-form input,.contact-form textarea{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:10px;font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:#deadbc}.send-button{background-color:#deadbc;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:background-color .3s}.send-button:hover{background-color:#ce8393}.contactme-social-section{padding:2rem;text-decoration:none}.social-icons i,.social-icons img{padding:10px;width:100px;height:100px;font-size:3rem;text-decoration:none}.social-icons a{text-decoration:none;border:none;outline:none}.dark-mode .aboutme-modal,.dark-mode .projects-modal,.dark-mode .contactme-modal{background:#919191bf;color:#f0f0f0;border:1px solid rgba(255,255,255,.2)}.dark-mode .aboutme-modal:before,.dark-mode .projects-modal:before,.dark-mode .contactme-modal:before{background:linear-gradient(to bottom,#b9b9b9,#aeacac);border-bottom:1px solid #c0c0c0}.dark-mode .modal-title,.dark-mode .modal-subtitle,.dark-mode .profile-name,.dark-mode .modal-subheading{color:#f0f0f0}.dark-mode .modal-wrapper p{color:#fff}.dark-mode .modal-exit-button{background:#d3697f}.dark-mode .modal-exit-button:hover{background:#deadbc}.dark-mode .tech-item span,.dark-mode h2,.dark-mode .project-slider h1,.dark-mode .folder-icon{color:#fff}.dark-mode .slide a,.dark-mode .return-button,.dark-mode .tech-item,.dark-mode .slide-btn{color:#d3697f}.dark-mode .contactme-modal h1{color:#fff}.dark-mode .custom-icon-img,.dark-mode .tech-item i{filter:brightness(0) saturate(100%) invert(51%) sepia(59%) saturate(397%) hue-rotate(298deg) brightness(84%) contrast(87%)}.dark-mode .contact-form input,.dark-mode .contact-form textarea{background-color:#bdbcbc;color:#f0f0f0;border:1px solid #555555}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#d3697f;opacity:1}.dark-mode .send-button{background-color:#d3697f;color:#f0f0f0}.dark-mode .send-button:hover{background-color:#deadbc;color:#f0f0f0}@media (max-width: 768px){.aboutme-modal,.projects-modal,.contactme-modal{width:90%;max-height:90vh;border-radius:16px}.aboutme-modal .modal-wrapper,.projects-modal .modal-wrapper,.contactme-modal .modal-wrapper{padding:1rem}.modal-title{font-size:1.5rem}.modal-subtitle{font-size:1rem}.project-image{width:100%;max-height:200px}.loading-bar-container{width:80%;bottom:200px}.loading-screen-button{font-size:32px;padding:8px 24px}.contactme-content{flex-direction:column}.contactme-social-section{padding:1rem 0}.social-icons i,.social-icons img{width:60px;height:60px;font-size:2rem}}@media (max-width: 480px){.aboutme-modal,.projects-modal,.contactme-modal{width:95%;border-radius:12px}.modal-title{font-size:1.3rem}.modal-subtitle{font-size:.95rem}.profile-image{width:150px;height:150px}.folder-img{width:50px;height:36px}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem}.tech-item{font-size:.85rem}.tech-item i,.tech-item img{width:36px;height:36px}.tech-item span{padding-top:1rem;padding-left:.5rem}.loading-bar-container{height:60px;bottom:150px}.loading-screen p{font-size:14px;bottom:80px}.loading-screen-button{font-size:24px;padding:6px 16px}.slide-btn{font-size:1.5rem}#mode-toggle{top:10px;right:10px;padding:6px 12px}.sun-svg,.moon-svg{width:28px;height:28px}.dark-mode .direct-email{color:#fff}.dark-mode .direct-email a{color:#d3697f}.contact-form input,.contact-form textarea{font-size:.95rem}.send-button{font-size:.95rem;padding:.6rem 1rem}}