*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#c00;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;overflow:hidden;margin:0;padding:0}#root{height:100vh;width:100vw;overflow:hidden}a{font-weight:500;color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.navigation-dots,.section-indicator,.nav-dot{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-dot,.section-indicator,.menu-item,.control-btn{transition:opacity .3s ease,transform .3s ease}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width: 768px){html,body{overflow-x:hidden}#root{overflow-x:hidden;width:100vw}*{max-width:100vw;box-sizing:border-box}a,input,textarea{min-height:44px;min-width:44px}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media (max-width: 480px){:root{font-size:14px}html,body,#root{overflow-x:hidden;width:100vw;max-width:100vw}input,textarea,select{font-size:16px}}.app{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(45deg,#8b0000,#c00,#a13131ad,red)}.section-container{position:relative;width:100%;height:100vh;z-index:1}.navigation-dots{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:clamp(.6rem,1.5vw,1rem)}.nav-dot{width:1.2vw;height:1.2vw;min-width:8px;min-height:8px;max-width:12px;max-height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease;position:relative}.nav-dot:hover{border-color:#fffc;transform:scale(1.2)}.nav-dot.active{background:#ffffffe6;border-color:#ffffffe6;box-shadow:0 0 15px #ffffff80}.nav-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2vw;height:2vw;min-width:16px;min-height:16px;max-width:20px;max-height:20px;border-radius:50%;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.nav-dot:hover:after{opacity:1}.section-indicator{position:fixed;bottom:2rem;right:2rem;z-index:100;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:25px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:0 10px 30px #0003}.section-indicator span:first-child{font-weight:600;letter-spacing:.1em}.section-indicator span:last-child{font-size:.8rem;opacity:.7}.section-title{color:#fff;text-transform:lowercase;letter-spacing:.1em;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(45deg,#ff6b6b,#ffb6c1);border-radius:2px}@media (max-width: 768px){.navigation-dots{right:1rem}.section-indicator{bottom:1rem;right:1rem;padding:.6rem 1rem;font-size:.75rem}}@media (max-width: 480px){.navigation-dots{right:.5rem}.section-indicator{bottom:.5rem;right:.5rem;padding:.4rem .7rem;font-size:.7rem}.section-indicator span:last-child{font-size:.65rem}}html,body{overflow:hidden;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.header-section{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;color:#fff}.header-content{max-width:800px;padding:2rem}.main-title{font-size:clamp(3rem,8vw,8rem);font-weight:900;margin:0;background:linear-gradient(45deg,#fff,#fcc,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite;text-shadow:0 0 30px rgba(255,255,255,.3);letter-spacing:-.02em}.subtitle{font-size:clamp(1.2rem,3vw,2rem);margin:2rem 0;opacity:.9;font-weight:300;letter-spacing:.1em}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem;letter-spacing:.1em}.scroll-arrow{font-size:2rem;font-weight:700}@keyframes titleGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.header-content{padding:1rem}.main-title{font-size:clamp(2.5rem,12vw,6rem)}.subtitle{font-size:clamp(1rem,4vw,1.5rem);margin:1.5rem 0}.scroll-indicator{bottom:2rem;font-size:.8rem}.scroll-arrow{font-size:1.5rem}}@media (max-width: 480px){.header-content{padding:.5rem}.main-title{font-size:clamp(2rem,15vw,4rem)}.subtitle{font-size:clamp(.9rem,5vw,1.2rem);margin:1rem 0}.scroll-indicator{bottom:1.5rem;font-size:.7rem}}.about-section{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;color:#fff}.about-container{max-width:1200px;width:100%}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;text-align:center;color:#fff;margin-bottom:3rem;text-transform:lowercase;letter-spacing:.1em}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.profile-image-container{position:relative;display:flex;justify-content:center}.profile-image-wrapper{position:relative;width:300px;height:400px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.2)}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:15px;filter:grayscale(20%) contrast(1.1)}.image-decoration{position:absolute;top:-10px;left:-10px}.decoration-pin{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));transform-origin:center}.about-text{position:relative}.description{font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.8;margin:0;text-align:justify;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0003}.decorative-elements{position:absolute;bottom:-20px;right:-20px}.strawberry-decoration{font-size:4rem;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}@media (max-width: 768px){.about-section{padding:1rem;min-height:100vh;overflow-x:hidden}.about-container{max-width:100%;width:100%}.about-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.profile-image-wrapper{width:220px;height:280px;margin:0 auto;padding:15px}.description{text-align:left;font-size:.95rem;padding:1.2rem;line-height:1.7;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.section-title{font-size:clamp(1.8rem,8vw,2.5rem);margin-bottom:1.5rem}.decorative-pin{width:35px;height:35px;top:-15px;right:-15px}}@media (max-width: 480px){.about-section{padding:.8rem;min-height:100vh;overflow-x:hidden}.about-container{max-width:100%;width:100%}.profile-image-wrapper{width:180px;height:240px;padding:12px;margin:0 auto}.description{font-size:.9rem;padding:1rem;line-height:1.6;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.section-title{font-size:clamp(1.5rem,10vw,2rem);margin-bottom:1rem}.decorative-pin{width:30px;height:30px;top:-10px;right:-10px}}.about-keywords{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-top:1.5rem;padding:1.2rem;background:#ffffff08;border-radius:12px;border-left:3px solid #ff6b6b}.about-keywords strong{color:#fff;font-weight:600}@media (max-width: 768px){.about-keywords{font-size:.95rem;padding:1rem}}.projects-section{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;color:#fff;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint}.projects-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.mobile-fullscreen-container{width:100%;flex:1;display:flex;flex-direction:column;margin-top:0;min-height:0}.projects-section{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.projects-container{height:100%;padding:1rem;display:flex;flex-direction:column}.section-title{flex-shrink:0;margin-bottom:1rem!important}}.macbook-container-large{perspective:1500px;display:flex;justify-content:center;margin-top:1rem}.macbook-large{width:1000px;position:relative;transform-origin:center}.macbook-screen-large{width:100%;height:562.5px;background:#1a1a1a;border-radius:15px 15px 0 0;border:12px solid #2c2c2c;border-bottom:none;position:relative;overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint}.macbook-base-large{width:100%;height:30px;background:linear-gradient(to bottom,#e8e8e8,#d0d0d0);border-radius:0 0 15px 15px;position:relative;margin-top:-1px;display:flex;justify-content:center;align-items:center}.trackpad-large{width:120px;height:15px;background:#bbb;border-radius:8px;border:1px solid #999}.macos-desktop{width:100%;height:100%;background:linear-gradient(45deg,#040a39,#091985);position:relative;overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu-bar{height:28px;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:relative;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu-left{display:flex;align-items:center;gap:15px;flex:0 0 auto}.menu-right{flex:0 0 auto}.apple-menu-container{position:relative;display:flex;align-items:center;z-index:9998}.apple-logo{width:23px;height:23px;object-fit:contain;display:block}.apple-logo.clickable{cursor:pointer;transition:opacity .2s ease}.apple-logo.clickable:hover{opacity:.8}.apple-dropdown{position:absolute;top:100%;left:0;background:#1e1e1ed9;backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:8px;min-width:140px;z-index:9999;margin-top:4px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(40px) saturate(180%);pointer-events:auto}.dropdown-item{padding:10px 16px;color:#fffffff2;font-size:13px;cursor:pointer;transition:all .15s ease;font-weight:400;letter-spacing:.01em;pointer-events:auto;user-select:none;-webkit-user-select:none}.dropdown-item:hover{background:#ffffff14;color:#fff}.dropdown-item:first-child{border-radius:7px 7px 0 0}.dropdown-item:last-child{border-radius:0 0 7px 7px}.dropdown-item:only-child{border-radius:7px}.menu-item{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.menu-item:hover{background:#ffffff1a}.menu-right{font-size:82%}.desktop-background{position:relative;width:100%;height:calc(100% - 88px);padding:20px}.desktop-folder{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.desktop-folder:hover{background:#ffffff1a}.folder-icon{width:64px;height:48px;margin-bottom:4px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.folder-name{font-size:11px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);max-width:80px;word-wrap:break-word}.dock{position:absolute;bottom:clamp(4px,.8vw,8px);left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:clamp(4px,.8vw,8px);background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:clamp(12px,2.4vw,24px);padding:clamp(4px,.8vw,8px) clamp(8px,1.6vw,16px);box-shadow:0 8px 32px #0000004d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dock-item{width:clamp(32px,4.8vw,48px);height:clamp(32px,4.8vw,48px);display:flex;align-items:center;justify-content:center;border-radius:clamp(8px,1.2vw,12px);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.dock-icon{width:100%;height:100%;object-fit:contain;border-radius:clamp(8px,1.2vw,12px)}.cubase-icon{background:#fff}.cubase-icon .dock-icon{padding:2px}.dock-item:before{content:"";position:absolute;inset:0;background:#ffffff1a;border-radius:12px;opacity:0;transition:opacity .2s}.dock-item:hover:before{opacity:1}.dock-item:hover{transform:scale(1.1) translateY(-5px)}.dock-item:active{transform:scale(1.2) translateY(-4px)}.dock-separator{width:1px;height:32px;background:#fff3;margin:0 6px}.finder-window{position:absolute;top:6%;left:7.5%;width:650px;height:450px;background:#fffffffa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:12px;box-shadow:0 25px 50px #0006;border:1px solid rgba(255,255,255,.6);overflow:hidden;z-index:100;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint}.finder-titlebar{height:40px;background:#0000000d;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid rgba(0,0,0,.1)}.window-controls{display:flex;gap:clamp(4px,.8vw,8px)}.control-btn{width:clamp(8px,1.2vw,12px);height:clamp(8px,1.2vw,12px);border-radius:50%;border:none;cursor:pointer;transition:all .2s}.control-btn.close{background:#ff5f57}.control-btn.minimize{background:#ffbd2e}.control-btn.maximize{background:#28ca42}.control-btn:hover{transform:scale(1.1)}.finder-title{flex:1;text-align:center;font-weight:600;color:#333;font-size:14px}.finder-content{display:flex;height:calc(100% - 40px)}.sidebar-section{margin-bottom:20px}.sidebar-title{font-size:.4rem;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:.4rem;margin-top:.4rem}.sidebar-item{border-radius:6px;cursor:pointer;transition:background .2s;font-size:.8rem;padding:4px 6px}.sidebar-item.active{background:#007aff;color:#fff}.finder-main{flex:1;padding:20px;overflow:auto}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.image-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;border-radius:8px;transition:all .2s ease}.image-item:hover{background:#0000000d}.image-item img{width:100px;height:70px;object-fit:cover;border-radius:6px;box-shadow:0 2px 8px #0003;margin-bottom:8px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-name{font-size:11px;color:#333;text-align:center;max-width:100px;word-wrap:break-word}@media (max-width: 768px){.projects-section{padding:1rem;overflow-x:hidden}.projects-container{max-width:100%;width:100%}.macbook-large{width:min(106.67vh,90vw);max-width:600px;margin:0 auto}.macbook-screen-large{height:60vh}.finder-window{width:80%;height:60%;transform:translate(-50%,-50%)}.images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.image-item img{width:80px;height:56px}}@media (max-width: 480px){.projects-section{padding:.5rem;overflow-x:hidden}.macbook-large{width:min(88.89vh,95vw);max-width:400px;margin:0 auto}.macbook-screen-large{height:50vh}.desktop-folder{padding:3px}.folder-icon{width:30px;height:22px;object-fit:contain}.folder-name{font-size:8px;max-width:35px}.finder-window{width:85%;height:85%;transform:translate(-50%,-50%)}.images-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}.image-item img{width:60px;height:42px}.image-name{font-size:9px}.menu-bar{height:18px;padding:0 6px;font-size:9px}.apple-logo{width:10px;height:10px}.window-controls{padding-left:6px}.finder-titlebar{height:24px;padding:0 8px}.finder-title{font-size:10px}}.image-viewer-overlay{position:absolute;inset:0;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;border-radius:15px 15px 0 0;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint}.image-viewer-container{width:100%;height:100%;background:#fffffffa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:15px 15px 0 0;box-shadow:none;border:none;overflow:hidden;display:flex;flex-direction:column;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.image-viewer-titlebar{height:40px;background:#0000000d;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.image-viewer-title{flex:1;text-align:center;font-weight:600;color:#333;font-size:14px}.image-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:#f5f5f5;min-height:0;overflow:hidden}.image-display{flex:1;display:flex;align-items:center;justify-content:center;height:100%;padding:20px;overflow:hidden;min-height:0}.viewer-image{max-width:calc(100% - 40px);max-height:calc(100% - 40px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #0000004d;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffffe6;border:none;border-radius:50%;font-size:20px;font-weight:700;color:#333;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.nav-arrow:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.image-viewer-footer{height:40px;background:#0000000d;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.1);flex-shrink:0}.image-counter{font-size:13px;color:#666;font-weight:500}@media (max-width: 768px){.nav-arrow{width:40px;height:40px;font-size:16px}.nav-arrow-left{left:10px}.nav-arrow-right{right:10px}.image-display{padding:10px}.viewer-image{max-width:calc(100% - 20px);max-height:calc(100% - 20px)}}@media (max-width: 480px){.nav-arrow{width:35px;height:35px;font-size:14px}.image-viewer-title{font-size:12px}.image-counter{font-size:11px}.image-display{padding:5px}.viewer-image{max-width:calc(100% - 10px);max-height:calc(100% - 10px)}}.info-popup-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.info-popup{background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px #0000004d;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);background:#ffffff1a}.popup-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#333;text-transform:lowercase;letter-spacing:.05em}.popup-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.popup-close:hover{background:#0000001a;color:#333}.popup-content{padding:2rem}.popup-content p{margin:0 0 1.5rem;font-size:1rem;line-height:1.6;color:#444}.popup-content strong{color:#222;font-weight:600}.popup-features{display:flex;flex-wrap:wrap;gap:.8rem}.feature-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:500;box-shadow:0 4px 15px #ff6b6b4d}@media (max-width: 768px){.info-popup{width:95%;max-width:none}.popup-header{padding:1.2rem 1.5rem}.popup-header h3{font-size:1.1rem}.popup-content{padding:1.5rem}.popup-content p{font-size:.95rem}.feature-badge{font-size:.8rem;padding:.4rem .8rem}}[data-framer-motion]{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}.finder-window,.image-viewer-overlay,.info-popup-overlay,.desktop-folder,.dock-item{will-change:transform,opacity}.iphone-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:5px;box-sizing:border-box;position:relative;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}.iphone-device{position:relative;width:375px;height:812px;transform-origin:center}.iphone-frame{width:100%;height:100%;background:#000;border-radius:40px;padding:8px;box-shadow:0 0 0 2px #333,0 0 0 4px #666,0 20px 60px #0006;position:relative;overflow:hidden}.iphone-frame:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:150px;height:30px;background:#000;border-radius:15px;z-index:10}.status-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#fff;font-size:14px;font-weight:600;background:transparent;position:relative;z-index:5}.status-left .time{font-variant-numeric:tabular-nums}.status-right{display:flex;align-items:center;gap:4px}.signal-bars{display:flex;gap:2px;align-items:end}.signal-bars .bar{width:3px;background:#fff;border-radius:1px}.signal-bars .bar:nth-child(1){height:4px}.signal-bars .bar:nth-child(2){height:6px}.signal-bars .bar:nth-child(3){height:8px}.signal-bars .bar:nth-child(4){height:10px}.wifi-icon,.battery{font-size:12px}.iphone-screen{width:100%;height:calc(100% - 44px);background:linear-gradient(45deg,#040a39,#091985);border-radius:32px;position:relative;overflow:hidden}.home-screen{width:100%;height:calc(100% - 100px);padding:40px 20px 20px;overflow-y:auto}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%}.app-icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.app-content{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 4px 16px #0003;position:relative;overflow:hidden;background:#f0f0f0}.app-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.app-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.app-symbol{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.app-name{font-size:12px;color:#fff;text-align:center;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-background{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:25px;padding:10px 20px;display:flex;gap:20px;box-shadow:0 8px 32px #0003}.dock-app{width:50px;height:50px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease;cursor:pointer;overflow:hidden}.dock-icon{width:100%;height:100%;object-fit:cover;border-radius:12px;aspect-ratio:1 / 1}.dock-app:hover{transform:scale(1.1);background:#fff3}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#fff9;border-radius:3px}.gallery-view{width:100%;height:100%;background:#000;display:flex;flex-direction:column}.gallery-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{background:none;border:none;color:#007aff;font-size:16px;cursor:pointer;padding:8px}.gallery-title{color:#fff;font-size:16px;font-weight:600;margin:0;text-align:center;flex:1}.gallery-counter{color:#ffffffb3;font-size:14px}.gallery-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:#000}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;width:44px;height:44px;border-radius:22px;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-arrow:hover:not(:disabled){background:#000c;transform:translateY(-50%) scale(1.1)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}.image-container{width:calc(100% - 120px);height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none}.gallery-footer{height:80px;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-dots{display:flex;gap:8px;max-width:calc(100% - 40px);overflow-x:auto;padding:0 20px}.dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dot.active{background:#fff;transform:scale(1.2)}.dot:hover{background:#ffffffb3}.app-content{aspect-ratio:1 / 1}.contact-section{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;color:#fff}.contact-container{max-width:1200px;width:100%}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}.contact-form-container{position:relative}.form-wrapper{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #0000004d}.form-wrapper h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;background:linear-gradient(45deg,#fff,#fcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:1rem;font-weight:500;color:#ffffffe6;margin-left:.5rem}.form-group input,.form-group textarea{padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.2);border-radius:15px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff80;background:#ffffff26;box-shadow:0 0 20px #ffffff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{padding:1.2rem 2rem;background:linear-gradient(45deg,#ff6b6b,#ff8e8e,#ffb6c1);background-size:200% 200%;border:none;border-radius:15px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #ff6b6b4d;animation:gradientShift 3s ease infinite}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px #ff6b6b66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.status-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px;font-weight:500}.status-message.success-message{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-message.error-message{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-message svg{font-size:16px}.success-message{text-align:center;padding:3rem 2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.success-message h4{font-size:1.5rem;margin-bottom:.5rem;color:#4caf50}.success-message p{opacity:.8}.contact-info{position:relative}.contact-details{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:2.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #0000004d}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.contact-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.contact-item h4{margin:0 0 .25rem;font-size:1.1rem;color:#ffffffe6}.contact-item p{margin:0;opacity:.8;font-size:.95rem}.contact-link{color:#fff;text-decoration:none;transition:all .3s ease;border-bottom:1px solid transparent}.contact-link:hover{color:#ff6b9d;border-bottom-color:#ff6b9d;text-shadow:0 0 10px rgba(255,107,157,.3)}.social-links{margin-top:2rem;text-align:center}.social-links h4{margin-bottom:1rem;font-size:1.2rem}.social-buttons{display:flex;justify-content:center;gap:1rem}.social-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;text-decoration:none;font-size:1.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-btn:hover{background:#fff3;box-shadow:0 10px 25px #0003}.social-btn.linkedin:hover{background:#0077b54d}.social-btn.pinterest:hover{background:#bd081c4d}.social-btn.instagram:hover{background:#e1306c4d}.decorative-pin{position:absolute;top:-15px;right:-15px;width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3));transform-origin:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.contact-section{padding:.5rem;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start}.contact-container{max-width:100%;width:100%;flex:1;display:flex;flex-direction:column}.section-title{font-size:1.5rem;margin-bottom:1rem;text-align:center;flex-shrink:0}.contact-content{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:.5rem;flex:1;height:calc(100vh - 120px);height:calc(100dvh - 120px)}.form-wrapper,.contact-details{padding:1rem;height:100%;display:flex;flex-direction:column}.contact-form{flex:1;display:flex;flex-direction:column;gap:.8rem}.contact-item{margin-bottom:.8rem;padding:.8rem}.social-links{margin-top:auto}.form-wrapper h3{font-size:1.3rem;margin-bottom:1rem}.form-group{margin-bottom:.6rem;flex:1}.form-group input,.form-group textarea{padding:.7rem 1rem;font-size:.9rem;width:100%;box-sizing:border-box}.form-group textarea{min-height:60px;flex:1;resize:none}.submit-btn{padding:.8rem 1.5rem;font-size:.95rem;width:100%;margin-top:auto}.contact-item{flex-direction:row;align-items:center;padding:.6rem;margin-bottom:.6rem}.contact-icon{width:40px;height:40px;font-size:1.2rem;flex-shrink:0}.contact-item h4{font-size:.95rem;margin:0 0 .2rem}.contact-item p{font-size:.85rem}.contact-info-title{font-size:1.1rem;margin-bottom:.8rem}.social-buttons{gap:.6rem;justify-content:center}.social-btn{width:40px;height:40px;font-size:1.2rem}.social-links h4{font-size:1rem;margin-bottom:.6rem}.decorative-pin{width:40px;height:40px;top:-15px;right:-15px}}.contact-info-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1.5rem;text-transform:lowercase;letter-spacing:.05em;text-align:center}.liquid-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(45deg,#c00,#ff1744,#d32f2f,#f44336);background-size:400% 400%;animation:gradientShift 15s ease infinite;overflow:hidden}.liquid-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7;mix-blend-mode:multiply}.blob-1{width:300px;height:300px;background:radial-gradient(circle,#ff6b6b,#ff8e8e);top:20%;left:10%}.blob-2{width:400px;height:400px;background:radial-gradient(circle,#ff4757,#ff6b7a);top:60%;right:15%}.blob-3{width:250px;height:250px;background:radial-gradient(circle,#c44569,#f8b500);bottom:20%;left:50%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%}.loading-spinner.small .spinner{width:20px;height:20px;border-width:2px}.loading-spinner.medium .spinner{width:40px;height:40px;border-width:3px}.loading-spinner.large .spinner{width:60px;height:60px;border-width:4px}.loading-message{color:#fffc;font-size:.9rem;text-align:center;margin:0}.error-message{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);text-align:center;max-width:400px;margin:0 auto}.error-message.error{border-color:#ff525280;background:#ff52521a}.error-message.warning{border-color:#ffc10780;background:#ffc1071a}.error-message.info{border-color:#2196f380;background:#2196f31a}.error-content{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.error-icon{font-size:1.5rem;flex-shrink:0}.error-text{color:#ffffffe6;margin:0;font-size:.95rem;line-height:1.4}.retry-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.retry-button:hover{background:#ffffff4d}.locale-selector{position:fixed;top:20px;right:20px;z-index:1000}.locale-trigger{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.locale-trigger:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.locale-trigger .locale-flag{font-size:20px;line-height:1}.locale-dropdown{position:absolute;top:50px;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;min-width:140px;box-shadow:0 8px 24px #00000026;border:1px solid rgba(255,255,255,.2);overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.locale-option{width:100%;background:none;border:none;padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#333}.locale-option:hover{background:#0000000d}.locale-option.active{background:#3b82f61a;color:#3b82f6}.locale-option .locale-flag{font-size:16px;line-height:1}.locale-option .locale-name{font-weight:500}@media (prefers-color-scheme: dark){.locale-trigger{background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1)}.locale-trigger:hover{background:#1e1e1ef2}.locale-dropdown{background:#1e1e1ef2;border-color:#ffffff1a}.locale-option{color:#f8f9fa}.locale-option:hover{background:#ffffff1a}.locale-option.active{background:#3b82f633;color:#60a5fa}}