@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:20px 60px;background:#0a0e27f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000004d;max-width:100vw;box-sizing:border-box}.nav-logo{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;color:#fff;transition:transform .3s ease;cursor:pointer;z-index:1001}.nav-logo:hover{transform:scale(1.05)}.nav-logo span:first-child{font-size:1.8rem;display:inline-block}.nav-items.desktop-nav{display:flex;list-style:none;gap:10px;margin:0;padding:0}.nav-items li{position:relative}.nav-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;color:#ffffffb3;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:12px;position:relative;font-family:inherit}.nav-items li.active .nav-button{color:#fff;background:#ffffff1a}.nav-button:hover{color:#fff;background:#ffffff0d}.nav-icon{font-size:1.3rem;line-height:1}.nav-label{font-weight:600}.nav-underline{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:3px 3px 0 0}.nav-status.desktop-status{display:flex;align-items:center;gap:10px;padding:8px 20px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.status-pulse{width:10px;height:10px;background:#2ecc71;border-radius:50%;box-shadow:0 0 10px #2ecc7180}.status-text{font-size:.85rem;font-weight:600;color:#ffffffe6;letter-spacing:1px}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.mobile-menu-toggle span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.mobile-menu-toggle span.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle span.open:nth-child(2){opacity:0}.mobile-menu-toggle span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-menu{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100vh;height:100dvh;background:#0a0e27fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:100px 20px 20px;box-shadow:-5px 0 30px #00000080;overflow-y:auto;box-sizing:border-box}.mobile-nav-items{list-style:none;display:flex;flex-direction:column;gap:15px;margin:0;padding:0}.mobile-nav-button{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:15px;transition:all .3s ease;font-family:inherit}.mobile-nav-button:active{transform:scale(.95);background:#ffffff1a}.mobile-nav-items .active .mobile-nav-button{background:#3498db33;border-color:#3498db80}.mobile-status{margin-top:40px;padding:20px;background:#ffffff0d;border-radius:15px;display:flex;align-items:center;gap:10px}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-items.desktop-nav,.nav-status.desktop-status{display:none}.navigation{padding:15px 20px}.nav-logo span:last-child{font-size:1rem}}@media (max-width: 480px){.nav-logo span:last-child{display:none}.mobile-menu{width:85%;max-width:280px}}.nav-logo-img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.nav-logo:hover .nav-logo-img{border-color:#3498db80;transform:scale(1.1);box-shadow:0 0 20px #3498db4d}@media (max-width: 768px){.nav-logo-img{width:40px;height:40px}}@media (max-width: 480px){.nav-logo-img{width:35px;height:35px}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1a2e);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center}.loading-orb{width:150px;height:150px;margin:0 auto 40px;background:radial-gradient(circle,#3498db 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.loading-orb-inner{width:80px;height:80px;border:3px solid transparent;border-top-color:#3498db;border-right-color:#3498db;border-radius:50%}.loading-screen h2{font-size:2rem;font-weight:600;margin-bottom:30px;background:linear-gradient(45deg,#3498db,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-progress{height:3px;background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:2px;margin:0 auto;max-width:300px;box-shadow:0 0 20px #3498db80}.loading-text{margin-top:20px;font-size:.9rem;color:var(--color-text-secondary)}@media (max-width: 768px){.loading-orb{width:100px;height:100px}.loading-orb-inner{width:60px;height:60px}.loading-screen h2{font-size:1.5rem}}.custom-cursor{position:fixed;top:0;left:0;width:32px;height:32px;border-radius:50%;pointer-events:none;z-index:10000000!important;transform:translate(-50%,-50%)}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background:#3498db;border-radius:50%;pointer-events:none;z-index:10000001!important;transform:translate(-50%,-50%);box-shadow:0 0 10px #3498dbcc}.cursor-trail{position:fixed;top:0;left:0;width:50px;height:50px;border:1px solid rgba(52,152,219,.3);border-radius:50%;pointer-events:none;z-index:9999999!important;transform:translate(-50%,-50%)}*{cursor:none!important}html,body,body *,div,span,p,h1,h2,h3,h4,h5,h6,a,button,input,textarea,select,label,nav,section,article,header,footer{cursor:none!important}button,a,a *,button *,input,textarea,select,.clickable,.project-card,.project-card *,li,.stat,.stat *,.info-card,.info-card *,.skill-item,.skill-item *,.cta-button,.cta-button *,.nav-button,.nav-button *,.contact-method,.contact-method *,.project-modal-overlay,.project-modal-overlay *,.modal-content,.modal-content *,.modal-close,.modal-close *,.btn-primary,.btn-primary *,.btn-secondary,.btn-secondary *,.modal-actions,.modal-actions *,.modal-actions a,.modal-actions a *,.modal-actions button,.modal-actions button *,.project-modal-overlay a,.project-modal-overlay a:hover,.project-modal-overlay a:active,.project-modal-overlay button,.project-modal-overlay button:hover,.project-modal-overlay button:active{cursor:none!important}@media (max-width: 768px),(hover: none),(pointer: coarse){.custom-cursor,.cursor-dot,.cursor-trail{display:none!important}*,html,body,body *,a,button,input,textarea,select{cursor:auto!important}}.project-card,.skill-item,.stat,.info-card,.contact-method{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}body{text-rendering:optimizeSpeed;-webkit-font-smoothing:subpixel-antialiased}#home.section-full{min-height:100vh;width:100%;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}#about.section-full,#projects.section-full,#contact.section-full{min-height:100vh;width:100%;display:block!important;padding:100px 0 60px!important;margin:0}.section-overlay{position:relative;width:100%;min-height:100vh}.content-wrapper{width:100%;max-width:1400px;padding:40px 60px;margin:0 auto;pointer-events:auto}.content-wrapper-home{width:100%;max-width:1400px;padding:0 60px;pointer-events:auto;display:flex;align-items:center;justify-content:center;margin:0 auto}.home-world{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh;width:100%;position:relative;overflow:hidden}.home-world .hero-content{text-align:center;max-width:800px;margin:0 auto;width:100%}.home-world h1{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:20px;text-shadow:0 0 30px rgba(52,152,219,.5);color:#3498db}.gradient-text{background:linear-gradient(135deg,#0cea00,#06acff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-subtitle{font-size:1.5rem;color:var(--color-text-secondary);margin-bottom:40px;font-weight:300}.hero-cta{display:flex;gap:20px;justify-content:center;margin-top:40px;flex-wrap:wrap}.cta-button{padding:15px 40px;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:inherit}.cta-button.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 10px 30px #3498db4d}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #3498db66}.cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-elements .float-orb{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(52,152,219,.3),transparent);border-radius:50%;filter:blur(20px)}@media (max-width: 768px){#home.section-full{min-height:100vh!important;min-height:-webkit-fill-available!important;height:100vh!important}#about.section-full,#projects.section-full,#contact.section-full{padding:80px 0 40px!important;min-height:auto!important}.content-wrapper-home{padding:0 20px!important}.content-wrapper{padding:40px 20px!important}.home-world .hero-content{max-width:100%}.home-world h1{font-size:clamp(2rem,8vw,3rem);margin-bottom:15px;line-height:1.2}.hero-subtitle{font-size:clamp(1rem,4vw,1.2rem);margin-bottom:30px}.hero-cta{flex-direction:column;gap:15px;margin-top:30px;width:100%}.cta-button{width:100%;padding:14px 30px;font-size:1rem;min-height:48px}.floating-elements{display:none}}@media (max-width: 390px){.home-world h1{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.cta-button{padding:12px 25px;font-size:.95rem}}.about-world .about-content{background:#ffffff08;border-radius:30px;padding:60px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d}.about-header{text-align:center;margin-bottom:50px}.about-header h2{font-size:3.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#e74c3c}.about-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:20px;font-weight:300}.header-line{width:100px;height:4px;background:linear-gradient(90deg,#e74c3c,#c0392b);margin:0 auto;border-radius:2px}.about-main-grid{display:grid;grid-template-columns:400px 1fr;gap:50px;margin-bottom:50px;max-width:100%}.about-left-column{display:flex;flex-direction:column;gap:30px}.about-photo-container{position:relative}.about-photo{position:relative;overflow:hidden;border-radius:20px;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.about-photo:hover{transform:scale(1.03) translateZ(0);transition:transform .2s ease}.about-photo img{width:100%;height:400px;object-fit:cover;border-radius:20px;border:3px solid rgba(231,76,60,.3);box-shadow:0 20px 60px #e74c3c33;display:block}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;display:flex;align-items:center;justify-content:center}.photo-badge{background:#e74c3ce6;padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9rem;color:#fff}.quick-info{display:flex;flex-direction:column;gap:15px}.info-card{display:flex;align-items:center;gap:15px;background:#ffffff0d;padding:15px 20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .15s ease,border-color .15s ease}.info-card:hover{transform:translateY(-3px) translateZ(0);border-color:#e74c3c4d}.info-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#e74c3c1a;border-radius:12px}.info-label{font-size:.85rem;color:var(--color-text);margin-bottom:3px}.info-value{font-weight:600;font-size:1rem;color:var(--color-text)}.about-right-column{display:flex;flex-direction:column;gap:40px}.about-bio h3{font-size:2rem;margin-bottom:20px;color:var(--color-text)}.about-bio p{font-size:1.25rem;line-height:1.8;color:var(--color-text);margin-bottom:15px}.about-bio strong{color:#e74c3c;font-weight:600}.cta-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#e74c3c33,#c0392b33);padding:12px 24px;border-radius:25px;border:1px solid rgba(231,76,60,.3);font-weight:600;margin-top:10px;color:#e74c3c}.skills-section h3{font-size:1.8rem;margin-bottom:30px;color:var(--color-text);display:flex;align-items:center;gap:10px}.section-icon{font-size:1.5rem}.skills-grid{display:flex;flex-direction:column;gap:20px}.skill-item{background:#ffffff08;padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .15s ease,border-color .15s ease;animation:fadeInUp .4s ease forwards;opacity:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0) translateZ(0)}0%{opacity:0;transform:translateY(20px) translateZ(0)}}.skill-item:hover{transform:translateY(-3px) translateZ(0);border-color:#e74c3c4d}.skill-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.skill-icon{font-size:1.5rem}.skill-name{flex:1;font-weight:600;font-size:1rem}.skill-percentage{font-weight:700;color:#e74c3c;font-size:1.1rem}.skill-bar{height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden}.skill-progress{height:100%;border-radius:10px;position:relative;transform-origin:left;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@supports (-webkit-touch-callout: none){.skill-bar{overflow:hidden;position:relative;isolation:isolate}.skill-progress{-webkit-transform:translateZ(0);transform:translateZ(0)}}.about-stats-section{background:#e74c3c0d;border-radius:20px;padding:40px;border:1px solid rgba(231,76,60,.1)}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#ffffff0d;border-radius:15px;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .15s ease;animation:scaleIn .4s ease forwards;opacity:0}@keyframes scaleIn{to{opacity:1;transform:scale(1) translateZ(0)}0%{opacity:0;transform:scale(.8) translateZ(0)}}.stat:hover{transform:translateY(-5px) scale(1.03) translateZ(0)}.stat-icon{font-size:2.5rem}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#e74c3c;line-height:1}.stat-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}@media (max-width: 1200px){.about-main-grid{grid-template-columns:1fr;gap:40px;max-width:600px;margin:0 auto 50px}.about-left-column{max-width:100%;margin:0 auto}.about-right-column{max-width:100%}}@media (max-width: 768px){.about-world .about-content{padding:30px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#ffffff14;margin:0 auto;max-width:100%}.about-header{margin-bottom:40px}.about-header h2{font-size:2.5rem}.about-main-grid{gap:30px;padding:0;margin:0 auto 40px}.about-left-column{max-width:100%}.about-photo img{height:300px}.quick-info{gap:12px}.info-card{padding:12px 15px}.about-bio h3{font-size:1.8rem}.about-bio p{font-size:1.1rem}.skills-grid{gap:15px}.about-stats{grid-template-columns:repeat(2,1fr);gap:20px}.stat-number{font-size:2rem}}@media (max-width: 480px){.about-world .about-content{padding:20px}.about-header h2{font-size:2rem}.about-header .about-subtitle{font-size:1rem}.about-main-grid{gap:20px}.about-photo img{height:280px}.about-bio h3{font-size:1.5rem}.about-bio p{font-size:1rem}.about-stats{grid-template-columns:1fr;gap:15px}.stat{padding:15px}.stat-number{font-size:1.8rem}}.projects-world .content-wrapper{max-width:1600px}.projects-header{text-align:center;margin-bottom:60px}.projects-header h2{font-size:3rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#f39c12,#d68910);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#f39c12}.projects-header p{font-size:1.2rem;color:var(--color-text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transition:transform .15s ease,border-color .15s ease}.project-card:hover{transform:translateY(-8px) translateZ(0);border-color:#ffffff40}.project-icon{font-size:3rem;margin-bottom:20px;transition:transform .15s ease;display:inline-block}.project-card:hover .project-icon{transform:scale(1.1)}.project-category{display:inline-block;padding:6px 16px;background:#ffffff1a;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.project-card h3{font-size:1.8rem;margin-bottom:15px;color:var(--color-text);transition:color .15s ease}.project-card p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:25px}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tech-tag{padding:6px 14px;background:#ffffff1a;border-radius:15px;font-size:.85rem;color:var(--color-text);border:1px solid rgba(255,255,255,.2);transition:all .15s ease}.project-link{background:none;border:none;color:#f39c12;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:gap .15s ease;padding:0;font-family:inherit}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{padding:25px}.projects-header h2{font-size:2rem}}.contact-world .contact-header{text-align:center;margin-bottom:60px}.contact-world .contact-header h2{font-size:3rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#9b59b6,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#9b59b6}.contact-world .contact-header p{font-size:1.2rem;color:var(--color-text-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;width:100%}.contact-info{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px}.contact-info h3{font-size:2rem;margin-bottom:20px;color:var(--color-text)}.contact-description{color:var(--color-text-secondary);line-height:1.8;margin-bottom:40px;font-size:1.05rem}.contact-methods{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.contact-method{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--color-text);transition:all .3s ease}.contact-method:hover{background:#9b59b61a;border-color:#9b59b64d}.method-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#9b59b633;border-radius:50%}.method-info{display:flex;flex-direction:column;gap:5px}.method-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.method-value{font-size:1rem;font-weight:600;color:var(--color-text)}.availability{padding:20px;background:#9b59b61a;border-radius:15px;border:1px solid rgba(155,89,182,.3)}.status-indicator{display:flex;align-items:center;gap:12px}.status-dot{width:12px;height:12px;background:#2ecc71;border-radius:50%;box-shadow:0 0 10px #2ecc7180}.status-indicator span{font-weight:600;color:#2ecc71}.contact-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--color-text);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-text);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#9b59b6;background:#ffffff14;box-shadow:0 0 20px #9b59b633}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-secondary)}.submit-button{width:100%;padding:18px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 10px 30px #9b59b64d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #9b59b666}.submit-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 1200px){.contact-content{grid-template-columns:1fr;gap:40px;max-width:600px;margin:0 auto}}@media (max-width: 768px){.contact-world .contact-header h2{font-size:2rem}.contact-world .contact-header p{font-size:1rem}.contact-info,.contact-form{padding:30px;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.contact-content{gap:30px;padding:0;width:100%;max-width:100%}.contact-method{padding:15px;gap:15px}.method-icon{width:40px;height:40px;font-size:1.5rem}.method-value{font-size:.9rem;word-break:break-word}.availability{padding:15px}}@media (max-width: 480px){.contact-world .contact-header h2{font-size:1.5rem}.contact-world .contact-header p{font-size:.9rem}.contact-info,.contact-form{padding:20px}.contact-info h3{font-size:1.5rem}.contact-description{font-size:.95rem}.contact-method{padding:12px;gap:12px}.method-icon{width:35px;height:35px;font-size:1.2rem}.method-label{font-size:.75rem}.method-value{font-size:.85rem}.availability{padding:12px}.form-group input,.form-group textarea{padding:12px 16px;font-size:.9rem}.submit-button{padding:15px;font-size:1rem}}@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3){.about-world .about-content{opacity:1!important;visibility:visible!important;transform:none!important}.about-header,.about-main-grid,.about-left-column,.about-right-column,.about-stats-section{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.about-header h2,.about-bio,.skills-section,.skill-item,.stat{opacity:1!important;visibility:visible!important}.about-world .about-content *{animation:none!important}.about-world{z-index:10!important}.about-world .about-content{z-index:11!important;position:relative}#about.section-full{min-height:auto!important;height:auto!important}}@supports (-webkit-touch-callout: none){@media (max-width: 428px){.about-world .about-content{will-change:auto!important}.about-world .about-content>*{backface-visibility:visible!important;-webkit-backface-visibility:visible!important}}}.project-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:999999!important;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto!important;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity;isolation:isolate}.project-modal-overlay .modal-content{background:#1a1a2e;border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:60px;max-width:700px;width:100%;position:relative;box-shadow:0 20px 60px #000000e6;pointer-events:auto!important;z-index:1000000!important;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;isolation:isolate;max-height:80vh;overflow-y:auto}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;font-size:2rem;line-height:1;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease,transform .1s ease;pointer-events:auto!important;z-index:1000001!important;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.modal-close:hover{background:#fff3}.modal-close:active{transform:scale(.9) translateZ(0)}.modal-icon{font-size:4rem;text-align:center;margin-bottom:20px;line-height:1}.modal-content h2{font-size:2.5rem;margin-bottom:10px;text-align:center;line-height:1.2}.modal-category{text-align:center;color:#f39c12;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-size:.9rem}.modal-description{color:var(--color-text-secondary);line-height:1.8;margin-bottom:30px;text-align:center;font-size:1.1rem}.modal-tech{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.modal-tech .tech-tag{padding:8px 16px;background:#ffffff1a;border-radius:15px;font-size:.9rem;color:var(--color-text);border:1px solid rgba(255,255,255,.2)}.modal-actions{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin:0 auto}.btn-primary,.btn-secondary{padding:15px 40px;font-size:1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:transform .1s ease,background-color .1s ease;border:none;font-family:inherit;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-width:150px}.btn-primary a,.btn-secondary a{text-decoration:none;color:inherit}.btn-primary{background:linear-gradient(135deg,#f39c12,#d68910);color:#fff}.btn-primary:hover{transform:translateY(-2px) translateZ(0)}.btn-primary:active{transform:translateY(0) translateZ(0)}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px) translateZ(0)}.btn-secondary:active{transform:translateY(0) translateZ(0)}@media (max-width: 768px){.modal-content{padding:40px 30px;max-width:90vw}.modal-content h2{font-size:2rem}.modal-actions{flex-direction:column;width:100%;align-items:stretch}.btn-primary,.btn-secondary{width:100%;justify-content:center;min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #3498db;--color-secondary: #e74c3c;--color-accent: #f39c12;--color-purple: #9b59b6;--color-dark: #0a0e27;--color-text: #ffffff;--color-text-secondary: #a0a0a0}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto;height:-webkit-fill-available;max-width:100vw}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-dark);color:var(--color-text);overflow-x:hidden;overflow-y:auto;min-height:100vh;min-height:-webkit-fill-available;max-width:100vw}.app{width:100vw;min-height:100vh;position:relative}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1!important;pointer-events:none;touch-action:none}.project-modal-overlay{z-index:999999!important}.scroll-container{position:relative;z-index:10;width:100%}.section-full{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:0}@supports (-webkit-touch-callout: none){.section-full{min-height:-webkit-fill-available}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3498db,#9b59b6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2980b9,#8e44ad)}::selection{background:var(--color-primary);color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){#home{display:flex!important;align-items:center!important;justify-content:center!important;height:100vh!important;min-height:100vh!important;padding:0!important;margin:0!important}#home .content-wrapper-home{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important;height:auto!important}#home .hero-content{display:block!important;width:100%!important;text-align:center!important}}*,*:before,*:after{cursor:none!important}html,body,a,a:hover,a:active,a:visited,button,button:hover,button:active{cursor:none!important}@media (max-width: 768px){*,*:before,*:after,html,body,a,button{cursor:auto!important}}