*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#000;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}.page-bg{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative}.page-subtitle{margin-top:24px;font-size:14px;font-weight:300;letter-spacing:.5px;color:#ffffff59;text-align:center;z-index:1}.phone-container{position:relative;flex-shrink:0;z-index:1;transform-origin:center center;will-change:transform}.phone-frame{position:relative;width:401px;height:860px;background:linear-gradient(145deg,#8a8a8f,#6e6e73 15%,#48484a,#6e6e73 85%,#8a8a8f);border-radius:58px;padding:4px;box-shadow:0 0 0 1px #ffffff14,0 25px 60px #0009,0 10px 30px #0006,inset 0 1px #ffffff26,inset 0 -1px #0000004d}.phone-bezel{width:100%;height:100%;background:#000;border-radius:55px;overflow:hidden;position:relative}.side-btn{position:absolute;background:linear-gradient(180deg,#7a7a7f,#5a5a5e,#7a7a7f);border-radius:2px;z-index:5}.side-btn--action{left:-3px;top:155px;width:4px;height:32px;border-radius:2px 0 0 2px}.side-btn--vol-up{left:-3px;top:210px;width:4px;height:55px;border-radius:2px 0 0 2px}.side-btn--vol-down{left:-3px;top:275px;width:4px;height:55px;border-radius:2px 0 0 2px}.side-btn--power{right:-3px;top:220px;width:4px;height:80px;border-radius:0 2px 2px 0;transition:background .15s ease;z-index:10}.side-btn--power:hover{background:linear-gradient(180deg,#8a8a8f,#6a6a6f,#8a8a8f)}.phone-screen{width:393px;height:852px;position:relative;overflow:hidden;background:#000;border-radius:55px}.status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:14px 26px 0;z-index:100;pointer-events:none}.status-bar--dark .status-time,.status-bar--dark .status-icons svg{color:#000;fill:#000}.status-time{font-size:16px;font-weight:600;letter-spacing:-.2px;width:54px;color:#fff}.status-icons{display:flex;align-items:center;gap:5px;width:77px;justify-content:flex-end}.status-icons svg{fill:#fff}.dynamic-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:20px;z-index:200;transition:all .3s cubic-bezier(.4,0,.2,1)}.screen-content{position:absolute;top:0;left:0;width:100%;height:100%}.lock-screen{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;overflow:hidden;will-change:transform,opacity;border-radius:55px}.lock-wallpaper{position:absolute;inset:0;background:url(/earth-wallpaper.jpg) center center / cover no-repeat;z-index:0}.lock-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.lock-date{margin-top:80px;font-size:17px;font-weight:400;color:#ffffffd9;letter-spacing:.2px}.lock-time{font-size:82px;font-weight:200;letter-spacing:-2px;line-height:1;margin-top:4px;color:#fff;font-variant-numeric:tabular-nums}.lock-bottom{position:absolute;bottom:0;left:0;right:0;padding:0 46px 20px;display:flex;justify-content:space-between;align-items:flex-end}.lock-action-btn{width:50px;height:50px;border-radius:50%;background:#ffffff2e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.lock-action-btn:active{transform:scale(.9)}.lock-action-btn svg{fill:#fff;width:22px;height:22px}.lock-swipe-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffff80;font-size:12px;font-weight:400}.lock-home-indicator{width:36px;height:5px;border-radius:3px;background:#fff9}.home-screen{position:absolute;inset:0;display:flex;flex-direction:column;will-change:transform;border-radius:55px;overflow:hidden}.home-wallpaper{position:absolute;inset:0;background:url(/earth-wallpaper.jpg) center center / cover no-repeat;z-index:0}.home-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding-top:54px}.home-pages-wrapper{flex:1;position:relative;overflow:hidden}.home-pages{display:flex;height:100%;transition:transform .35s cubic-bezier(.25,1,.5,1);will-change:transform}.home-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(4,60px);grid-template-rows:repeat(6,auto);gap:24px 26px;justify-content:center;align-content:start;padding:16px 28px 0}.page-dots{display:flex;justify-content:center;gap:7px;padding:10px 0 8px;position:relative;z-index:1}.page-dot{width:7px;height:7px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.page-dot.active{background:#ffffffd9}.dock{position:relative;z-index:2;padding:14px 16px;margin:0 16px 20px}.dock-bg{position:absolute;inset:0;background:#ffffff26;backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);border-radius:34px}.dock-icons{position:relative;display:flex;justify-content:center;gap:28px}.app-icon-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-touch-callout:none}.app-icon-box{position:relative;width:60px;height:60px;flex-shrink:0}.app-icon-wrap:active .app-icon{transform:scale(.92)}.app-icon{width:60px;height:60px;clip-path:url(#ios-icon);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .12s ease;will-change:transform;overflow:hidden}.app-icon svg{width:32px;height:32px;position:relative;z-index:1}.app-icon-label{font-size:11px;font-weight:500;color:#ffffffe6;text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}.dock .app-icon-label{display:none}.app-icon--calendar{flex-direction:column;background:#fff!important}.app-icon--calendar .cal-weekday{font-size:10px;font-weight:700;color:#ff3b30;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;line-height:1}.app-icon--calendar .cal-day{font-size:28px;font-weight:300;color:#000;line-height:1.1}.jiggling .app-icon-wrap{animation:jiggle .25s ease-in-out infinite alternate}.jiggling .app-icon-wrap:nth-child(2n){animation-delay:.05s;animation-direction:alternate-reverse}.jiggling .app-icon-wrap:nth-child(3n){animation-delay:.1s}.jiggling .app-icon-wrap .app-icon-delete{display:flex}@keyframes jiggle{0%{transform:rotate(-1.2deg) scale(1)}to{transform:rotate(1.2deg) scale(1)}}.app-icon-delete{display:none;position:absolute;top:-6px;left:-6px;width:22px;height:22px;border-radius:50%;background:#505050e6;align-items:center;justify-content:center;z-index:5;font-size:14px;color:#fff;line-height:1}.app-badge{position:absolute;top:-4px;right:-6px;min-width:20px;height:20px;padding:0 6px;background:#ff3b30;border-radius:10px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;z-index:6;line-height:1;border:2px solid rgba(0,0,0,.15)}.app-view{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:0;will-change:transform,opacity;border-radius:55px;overflow:hidden}.app-view.active{pointer-events:auto;opacity:1}.app-view-bg{position:absolute;inset:0;background:#f2f2f7}.app-nav{position:relative;height:96px;padding:54px 16px 0;display:flex;align-items:center;justify-content:space-between;background:#f2f2f7;border-bottom:.5px solid rgba(0,0,0,.1)}.app-nav-back{display:flex;align-items:center;gap:4px;color:#007aff;font-size:17px;cursor:pointer;background:none;border:none;font-family:inherit;padding:8px 12px 8px 4px;margin-left:-4px;border-radius:8px;transition:background .15s ease,transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:10}.app-nav-back:active{transform:scale(.92);opacity:.5;background:#007aff14}.app-nav-back svg{width:12px;height:20px;fill:#007aff;pointer-events:none}.app-nav-title{font-size:17px;font-weight:600;color:#000;position:absolute;left:50%;transform:translate(-50%)}.app-nav-right{width:60px}.app-body{position:relative;padding:20px 16px;overflow-y:auto;height:calc(100% - 130px);-webkit-overflow-scrolling:touch}.app-body h2{font-size:28px;font-weight:700;color:#000;margin-bottom:16px}.app-body p{font-size:15px;line-height:1.5;color:#3c3c43;margin-bottom:12px}.app-body .ios-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.app-body .ios-card h3{font-size:17px;font-weight:600;color:#000;margin-bottom:6px}.app-body .ios-card p{font-size:14px;color:#6e6e73;margin-bottom:0}.app-body .skill-tag{display:inline-block;padding:6px 14px;background:#e5e5ea;border-radius:16px;font-size:14px;font-weight:500;color:#000;margin:0 6px 8px 0}.app-body .timeline-item{position:relative;padding-left:20px;padding-bottom:20px;border-left:2px solid #e5e5ea}.app-body .timeline-item:before{content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:#007aff}.app-body .timeline-item h4{font-size:15px;font-weight:600;color:#000}.app-body .timeline-item .timeline-sub{font-size:13px;color:#007aff;font-weight:500}.app-body .timeline-item p{font-size:14px;color:#6e6e73;margin-top:4px;margin-bottom:0}.app-body .contact-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-body .contact-row:active{transform:scale(.97);background:#e8e8ed}.app-body .contact-row svg{width:24px;height:24px;flex-shrink:0}.app-body .contact-row span{font-size:15px;color:#000}.app-body .contact-row .contact-label{font-size:12px;color:#8e8e93}.live-clock-wrap{display:flex;justify-content:center;padding:8px 0 16px}.live-clock{width:240px;height:240px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.live-clock-digital{text-align:center;font-size:40px;font-weight:200;color:#000;font-variant-numeric:tabular-nums;letter-spacing:-1px;padding:8px 0 16px}.app-switcher{position:absolute;inset:0;z-index:55;display:none;align-items:center;overflow-x:auto;overflow-y:hidden;padding:80px 40px 120px;gap:16px;scroll-snap-type:x mandatory;background:#0000004d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:55px}.app-switcher.active{display:flex}.switcher-card{flex:0 0 320px;height:100%;border-radius:20px;overflow:hidden;scroll-snap-align:center;background:#f2f2f7;box-shadow:0 10px 40px #0000004d;position:relative}.switcher-card-label{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font-size:13px;color:#ffffffb3}.home-indicator-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:3px;background:#ffffff80;z-index:300;cursor:pointer;transition:background .2s ease,opacity .2s ease}.home-indicator-bar.hidden{opacity:0;pointer-events:none}.home-indicator-bar.dark{background:#0000004d}.spring-transition{transition-timing-function:cubic-bezier(.175,.885,.32,1.1)}.lock-screen.unlocking{transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .35s ease}.app-body::-webkit-scrollbar{display:none}.app-body{scrollbar-width:none}.home-pages-wrapper::-webkit-scrollbar{display:none}.home-search{margin:4px auto 8px;height:30px;padding:0 12px;width:fit-content;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:5px;color:#ffffff80;font-size:14px}.home-search svg{width:14px;height:14px;fill:#ffffff80}.spotlight-overlay{position:absolute;inset:0;z-index:45;display:none;border-radius:55px;overflow:hidden}.spotlight-overlay.active{display:block}.spotlight-inner{position:relative;width:100%;height:100%;padding:60px 16px 0;display:flex;flex-direction:column}.spotlight-header{display:flex;align-items:center;gap:10px}.spotlight-input-wrap{flex:1;height:36px;background:#7878803d;border-radius:10px;display:flex;align-items:center;padding:0 8px;gap:6px}.spotlight-input-wrap svg{width:14px;height:14px;fill:#ffffff80;flex-shrink:0}.spotlight-input{flex:1;background:none;border:none;outline:none;font-size:16px;color:#fff;font-family:inherit;caret-color:#007aff}.spotlight-input::placeholder{color:#fff6}.spotlight-cancel{color:#007aff;font-size:16px;cursor:pointer;white-space:nowrap;padding:4px 0}.spotlight-cancel:active{opacity:.5}.spotlight-results{margin-top:24px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.spotlight-results::-webkit-scrollbar{display:none}.spotlight-section-title{font-size:12px;font-weight:600;color:#ffffff73;letter-spacing:.5px;margin-bottom:12px}.spotlight-suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 0;justify-items:center}.spotlight-app-suggestion{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.spotlight-app-suggestion:active .spotlight-app-icon{transform:scale(.9)}.spotlight-app-icon{width:52px;height:52px;clip-path:url(#ios-icon);display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.spotlight-app-icon svg{width:28px;height:28px}.spotlight-app-label{font-size:11px;color:#fffc;text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-app-list{display:flex;flex-direction:column}.spotlight-app-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .15s ease}.spotlight-app-row:active{background:#ffffff1a}.spotlight-row-icon{width:40px;height:40px;clip-path:url(#ios-icon);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spotlight-row-icon svg{width:22px;height:22px}.spotlight-row-info{display:flex;flex-direction:column;gap:1px}.spotlight-row-name{font-size:15px;font-weight:500;color:#fff}.spotlight-row-sub{font-size:12px;color:#ffffff73}.spotlight-web-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;cursor:pointer;color:#fffc;font-size:15px;transition:background .15s ease}.spotlight-web-row:active{background:#ffffff1a}.spotlight-web-row svg{width:18px;height:18px;fill:#ffffff80;flex-shrink:0}.spotlight-web-row strong{color:#fff;font-weight:600}.spotlight-web-card{background:#ffffff14;border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:background .15s ease}.spotlight-web-card:active{background:#ffffff24}.spotlight-knowledge{background:#ffffff1f;border-left:3px solid #007AFF}.spotlight-web-title{font-size:15px;font-weight:600;color:#59adf6;margin-bottom:4px}.spotlight-web-snippet{font-size:13px;color:#ffffffb3;line-height:1.4;margin-bottom:4px}.spotlight-web-source{font-size:11px;color:#ffffff59;font-weight:500}.spotlight-web-results{margin-top:4px}