@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}:root{--bg-color: #000000;--surface-color: #1c1c1e;--surface-color-2: #2c2c2e;--text-primary: #ffffff;--text-secondary: #8e8e93;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(0, 0, 0, .85);--control-bg: rgba(255, 255, 255, .2);--home-indicator: #ffffff}.iphone-screen[data-theme=light]{--bg-color: #f2f2f7;--surface-color: #ffffff;--surface-color-2: #e5e5ea;--text-primary: #000000;--text-secondary: #8e8e93;--border-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .85);--control-bg: rgba(255, 255, 255, .6);--home-indicator: #000000}body{background:radial-gradient(circle at 15% 10%,rgba(93,73,143,.2),transparent 32%),radial-gradient(circle at 88% 85%,rgba(54,104,126,.14),transparent 34%),#0f1115;display:flex;justify-content:center;align-items:center;min-height:100dvh;color:#fff;overflow:hidden;-webkit-tap-highlight-color:transparent}.style-chooser{width:min(1080px,100%);height:100dvh;min-height:100dvh;max-height:100dvh;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;padding:72px 32px max(72px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;color:#f8f8fa;position:relative;isolation:isolate}.style-chooser:before,.style-chooser:after{content:"";position:fixed;z-index:-1;width:240px;height:240px;border:1px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}.style-chooser:before{top:-120px;right:-70px;box-shadow:0 0 0 28px #ffffff05,0 0 0 56px #ffffff04}.style-chooser:after{bottom:-160px;left:-110px;width:300px;height:300px}.chooser-intro{max-width:680px;margin-bottom:42px}.chooser-eyebrow,.classic-eyebrow{color:#8e8e93;font-size:11px;font-weight:700;letter-spacing:.16em}.chooser-intro h1{margin:16px 0;font-size:clamp(40px,7vw,72px);letter-spacing:-.06em;line-height:.98}.chooser-intro>p:last-child{color:#a6a6ad;font-size:17px;line-height:1.6;max-width:500px}.chooser-intro:after{content:"Two ways to explore — choose what feels right.";display:block;margin-top:18px;color:#73737c;font-size:12px}.chooser-meta{display:flex;align-items:center;gap:18px;margin-top:24px;color:#62626a;font-size:11px}.chooser-meta span{display:inline-flex;align-items:center;gap:7px}.chooser-meta i{width:6px;height:6px;border-radius:50%;background:#8fca8d;box-shadow:0 0 12px #8fca8db3}.style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.style-option{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:14px;text-align:center;color:#fff;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.style-option:after{content:"";position:absolute;width:180px;height:180px;top:-100px;right:-80px;border-radius:50%;border:1px solid rgba(255,255,255,.08);pointer-events:none}.style-option:hover{transform:translateY(-6px);border-color:#fff6;box-shadow:0 20px 50px #0000004d}.creative-option{background:linear-gradient(145deg,#1b1b23,#101014)}.classic-option{background:linear-gradient(145deg,#f4f0e9,#d8d0c2);color:#1e211e}.option-preview{height:245px;border-radius:19px;margin-bottom:22px;position:relative;overflow:hidden}.creative-preview{background:radial-gradient(circle at 50% 0%,#61409a,#0c0c13 60%),#0c0c13;border:7px solid #24242b;box-shadow:inset 0 0 0 2px #ffffff21}.preview-island{width:94px;height:25px;background:#000;border-radius:20px;margin:12px auto}.preview-icons{display:grid;grid-template-columns:repeat(4,40px);gap:14px;margin:58px auto;width:max-content}.preview-icons i{display:block;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#ff9a9e,#667eea)}.preview-icons i:nth-child(2){background:linear-gradient(135deg,#84fab0,#8fd3f4)}.preview-icons i:nth-child(3){background:linear-gradient(135deg,#f6d365,#fda085)}.preview-icons i:nth-child(4){background:linear-gradient(135deg,#4facfe,#00f2fe)}.preview-dock{position:absolute;left:16px;right:16px;bottom:16px;height:47px;border-radius:18px;background:#fff3}.classic-preview{padding:32px 26px;background:#f8f5ef}.preview-classic-line{height:9px;width:58%;border-radius:5px;background:#272b27;margin-bottom:13px}.preview-classic-line.long{width:82%;height:19px;margin-top:22px}.preview-classic-line.short{width:37%;background:#9b9588}.preview-classic-blocks{display:flex;gap:12px;margin-top:44px}.preview-classic-blocks i{width:46%;height:72px;border-radius:8px;background:#d7cfc1}.preview-classic-blocks i:last-child{background:#c3d0c1}.option-label,.option-description,.option-action{display:block}.option-label{display:block;padding:4px 0 8px;font-size:22px;font-weight:700;letter-spacing:-.03em}.option-description{margin-top:7px;color:#92929a;font-size:14px}.classic-option .option-description{color:#6f716b}.option-badge{margin-top:15px;color:#8d8d96;font-size:9px;font-weight:700;letter-spacing:.14em}.classic-option .option-badge{color:#758c72}.option-action{margin-top:27px;font-size:13px;font-weight:700}.option-action{transition:letter-spacing .2s ease}.style-option:hover .option-action{letter-spacing:.03em}.option-action span{display:inline-block;margin-left:5px;font-size:18px;transition:transform .2s ease}.style-option:hover .option-action span{transform:translate(4px)}.creative-switch-button{position:fixed;z-index:2000;top:20px;right:20px;border:1px solid rgba(255,255,255,.2);background:#141419b3;color:#fff;border-radius:999px;padding:9px 14px;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.classic-site{width:min(1120px,100%);height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:0 32px;color:#252a25;background:#f7f5f0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#b9b8b2 transparent}.classic-nav{position:sticky;z-index:10;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd3;background:#f7f5f0d1;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}.classic-logo{color:#252a25;font-size:19px;font-weight:700;text-decoration:none;letter-spacing:-.045em}.classic-logo span{color:#758c72}.classic-nav-links{display:flex;gap:30px}.classic-nav-links a,.classic-footer a{color:#6e756b;text-decoration:none;font-size:12px;transition:color .2s ease}.classic-nav-links a:hover,.classic-footer a:hover{color:#252a25}.classic-switch-button{border:1px solid #c8c5bc;border-radius:999px;background:transparent;color:#4e554c;padding:8px 13px;font-size:11px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.classic-switch-button:hover{border-color:#8d9889;background:#eeece6}.classic-hero{min-height:660px;display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center;padding:96px 0 112px}.classic-hero h1{max-width:700px;margin:22px 0;font-size:clamp(42px,6.3vw,78px);line-height:.98;letter-spacing:-.075em;font-weight:600}.classic-lead{max-width:500px;color:#6f756d;font-size:17px;line-height:1.6;letter-spacing:-.01em}.classic-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.classic-primary-button{display:inline-block;background:#252a25;color:#fff;border-radius:999px;padding:13px 19px;text-decoration:none;font-size:13px;font-weight:600;transition:transform .2s ease,background .2s ease}.classic-primary-button:hover{transform:translateY(-2px);background:#4b584b}.classic-text-link{color:#3e473e;text-decoration:none;font-size:13px;font-weight:700}.classic-text-link span{color:#758c72;font-size:17px}.classic-hero-card{min-height:360px;border:1px solid #dedbd3;border-radius:28px;padding:22px;background:linear-gradient(145deg,#f1efe9,#e8e5dd);box-shadow:0 20px 50px #393d3514}.classic-card-topline{display:flex;justify-content:space-between;color:#a1a69d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.classic-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;margin:48px 0 24px;color:#fff;background:#758c72;font-size:34px;font-weight:600}.classic-code-lines{display:grid;gap:8px;padding-bottom:25px;border-bottom:1px solid #dad7ce;color:#667064;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.classic-code-lines b{color:#687c63;font-weight:600}.classic-code-lines em{color:#a2745e;font-style:normal}.classic-hero-card p{max-width:190px;margin-top:23px;color:#50594e;line-height:1.5;font-size:13px}.classic-status{display:flex;align-items:center;gap:8px;margin-top:28px;color:#7b8177;font-size:11px}.classic-status i{width:7px;height:7px;border-radius:50%;background:#6a9d6a}.classic-section{scroll-margin-top:64px;padding:112px 0;border-top:1px solid #dedbd3}.classic-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:22px 0 55px}.classic-section h2{margin:0;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.06em;font-weight:600}.classic-section-heading p,.classic-contact>p{color:#6f756d;line-height:1.65;max-width:430px}.classic-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.classic-stats div{border-top:2px solid #aeb8a8;padding-top:14px}.classic-stats strong,.classic-stats span{display:block}.classic-stats strong{font-size:28px;letter-spacing:-.05em}.classic-stats span{margin-top:6px;color:#7c8279;font-size:12px}.classic-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.classic-project{min-height:270px;padding:26px;border:1px solid #dedbd3;border-radius:20px;background:#f0eee8;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.classic-project:hover{transform:translateY(-5px);box-shadow:0 18px 34px #393d3517}.classic-project-number{color:#8a9b84;font-size:12px;font-weight:700}.classic-project h3{margin:28px 0 12px;font-size:21px;letter-spacing:-.04em}.classic-project p{color:#6f756d;font-size:14px;line-height:1.55}.classic-project>span{margin-top:auto;color:#92978e;font-size:11px}.classic-project a{margin-top:16px;color:#445242;font-size:13px;font-weight:700;text-decoration:none}.classic-skill-list{display:flex;flex-wrap:wrap;gap:10px}.classic-skill-list span{border:1px solid #d3d0c7;border-radius:999px;padding:12px 17px;color:#586155;font-size:13px}.classic-contact{padding-bottom:130px}.classic-contact-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:20px 0 38px}.classic-contact h2{margin:0 0 16px;max-width:600px}.classic-contact-heading p{margin:0;color:#6f756d;line-height:1.65;max-width:430px}.classic-contact-form{max-width:760px;padding:28px;border:1px solid #dedbd3;border-radius:22px;background:#f0eee8}.classic-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.classic-contact-form label{display:flex;flex-direction:column;gap:9px;color:#596255;font-size:11px;font-weight:700;letter-spacing:.04em}.classic-contact-form input,.classic-contact-form textarea{width:100%;border:1px solid #d3d0c7;border-radius:12px;outline:none;background:#f7f5f0;color:#252a25;padding:13px 14px;font:inherit;font-size:14px;font-weight:400;letter-spacing:0;transition:border-color .2s ease,box-shadow .2s ease}.classic-contact-form textarea{min-height:130px;margin-top:18px;resize:vertical}.classic-contact-form input:focus,.classic-contact-form textarea:focus{border-color:#8d9889;box-shadow:0 0 0 3px #758c7226}.classic-contact-form input:disabled,.classic-contact-form textarea:disabled{opacity:.65}.classic-form-footer{display:flex;align-items:center;gap:18px;margin-top:22px}.classic-form-footer button:disabled{cursor:wait;opacity:.65}.classic-form-status{margin:0;font-size:13px}.classic-form-status.success{color:#4d8057}.classic-form-status.error{color:#a64d45}.classic-footer{display:flex;justify-content:space-between;padding:25px 0 35px;border-top:1px solid #dedbd3;color:#92978e;font-size:12px}@media(max-width:700px){.style-chooser{height:100svh;min-height:100svh;max-height:100svh;padding:max(20px,env(safe-area-inset-top)) 16px max(48px,env(safe-area-inset-bottom));justify-content:flex-start}.chooser-intro{margin:24px 0 22px}.chooser-eyebrow{font-size:9px;letter-spacing:.13em}.chooser-intro h1{margin:12px 0;font-size:clamp(34px,11vw,52px)}.chooser-intro>p:last-child{font-size:15px;line-height:1.5}.chooser-intro:after{margin-top:12px;font-size:11px}.chooser-meta{margin-top:16px;gap:12px;font-size:10px}.style-options,.classic-hero,.classic-section-heading,.classic-project-grid{grid-template-columns:1fr}.style-options{gap:12px}.style-option{width:100%;min-height:0;border-radius:20px;padding:10px}.style-option:hover{transform:none}.style-option:active{transform:scale(.985)}.option-preview{height:116px;margin-bottom:13px;border-radius:13px}.option-label{font-size:18px}.option-description{margin-top:5px;font-size:11px}.option-badge{margin-top:10px;font-size:8px}.option-action{margin-top:13px;font-size:11px}.creative-preview{border-width:5px}.preview-icons{grid-template-columns:repeat(4,24px);gap:7px;margin:24px auto}.preview-icons i{width:24px;height:24px;border-radius:7px}.preview-island{width:64px;height:17px;margin:7px auto}.preview-dock{left:9px;right:9px;bottom:8px;height:25px;border-radius:10px}.classic-preview{padding:14px 15px}.preview-classic-line.long{height:11px;margin-top:4px}.preview-classic-line{height:5px;margin-bottom:6px}.preview-classic-blocks{margin-top:18px;gap:7px}.preview-classic-blocks i{height:36px}.classic-site{width:100%;height:100svh;padding:0 18px}.classic-nav{height:58px}.classic-nav-links{display:none}.classic-logo{font-size:18px}.classic-switch-button{padding:7px 10px;font-size:10px}.classic-hero{gap:35px;padding:70px 0 90px;min-height:auto}.classic-hero-card{display:block;min-height:auto;padding:18px;border-radius:20px}.classic-card-topline{font-size:9px}.classic-avatar{width:54px;height:54px;margin:22px 0 16px;font-size:25px}.classic-code-lines{gap:6px;padding-bottom:18px;font-size:10px}.classic-hero-card p{margin-top:16px}.classic-status{margin-top:18px}.classic-section{padding:70px 0}.classic-section-heading{gap:22px;margin-bottom:35px}.classic-stats{grid-template-columns:repeat(2,1fr);row-gap:28px}.classic-hero h1{font-size:clamp(42px,12vw,62px);line-height:1}.classic-lead{font-size:16px}.classic-actions{gap:18px;flex-wrap:wrap;margin-top:28px}.classic-primary-button{padding:12px 17px}.classic-section h2{font-size:clamp(34px,10vw,50px)}.classic-project{min-height:240px;padding:22px}.classic-contact-heading{display:block;margin-bottom:28px}.classic-contact-heading .classic-text-link{display:inline-block;margin-top:20px}.classic-contact-form{padding:18px;border-radius:18px}.classic-form-row{grid-template-columns:1fr;gap:18px}.classic-form-footer{align-items:flex-start;flex-direction:column;gap:14px}.classic-contact{padding-bottom:90px}.classic-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(max-width:380px){.style-chooser{padding-left:12px;padding-right:12px}.chooser-intro{margin-top:18px}.chooser-intro>p:last-child{font-size:14px}.chooser-meta{flex-wrap:wrap}.option-preview{height:100px}.classic-site{padding-left:14px;padding-right:14px}.classic-hero{padding-top:55px}.classic-hero h1{font-size:40px}.classic-stats strong{font-size:25px}}.classic-site{width:100%;max-width:none;background:#f5f5f7;color:#1d1d1f}.classic-nav,.classic-hero,.classic-section,.classic-footer{width:min(100%,1080px);margin-left:auto;margin-right:auto}.classic-nav{width:100%;padding-left:max(32px,calc((100% - 1080px)/2));padding-right:max(32px,calc((100% - 1080px)/2));border-color:#dedee2;background:#f5f5f7d1}.classic-logo{color:#1d1d1f;font-weight:600}.classic-logo span,.classic-text-link span,.classic-project-number{color:#758c72}.classic-nav-links a,.classic-footer a{color:#6e6e73}.classic-switch-button{border-color:#d2d2d7;color:#1d1d1f}.classic-switch-button:hover{border-color:#758c72;background:#e8eee6}.classic-hero{min-height:680px;padding-top:112px;padding-bottom:128px}.classic-eyebrow{color:#6e6e73;font-size:10px;letter-spacing:.18em}.classic-hero h1,.classic-section h2{color:#1d1d1f;font-weight:600;letter-spacing:-.06em}.classic-hero h1{max-width:650px}.classic-lead,.classic-section-heading p,.classic-contact-heading p{color:#6e6e73}.classic-primary-button{background:#1d1d1f}.classic-primary-button:hover{background:#424245}.classic-hero-card{border-color:#dedee2;background:#fbfbfd;box-shadow:0 18px 45px #0000000f}.classic-section{border-color:#dedee2}.classic-stats div{border-color:#aeb8a8}.classic-stats strong{color:#1d1d1f}.classic-project{border-color:#dedee2;background:#fbfbfd}.classic-project:hover{box-shadow:0 16px 30px #00000012}.classic-project h3{color:#1d1d1f}.classic-project p,.classic-project>span{color:#6e6e73}.classic-project a{color:#51664e}.classic-skill-list span{border-color:#d2d2d7;background:#fbfbfd;color:#4d604b}.classic-contact-form{border-color:#dedee2;background:#fbfbfd}.classic-contact-form input,.classic-contact-form textarea{border-color:#d2d2d7;background:#f5f5f7}.classic-footer{border-color:#dedee2}@media(max-width:700px){.classic-nav{padding-left:18px;padding-right:18px}.classic-hero,.classic-section,.classic-footer{width:100%}.classic-hero{min-height:auto;padding-top:76px;padding-bottom:88px}}.portfolio-container{display:flex;justify-content:center;align-items:center;width:100%;height:100dvh;padding:20px}.iphone-frame{position:relative;width:390px;height:844px;background:#000;border-radius:55px;box-shadow:0 0 0 12px #1c1c1e,0 0 0 13px #3a3a3c,0 30px 40px #00000080,inset 0 0 0 4px #fff3;max-height:95vh;max-width:95vw;transform:scale(min(1,calc(100vw / 430),calc(100dvh / 880)));transform-origin:center}.iphone-screen{position:absolute;inset:4px;background-color:#000;background-image:radial-gradient(circle at 50% 0%,#4a2176,#000 60%),radial-gradient(circle at 100% 100%,#1e3c72,transparent 50%),radial-gradient(circle at 0% 100%,#06402b,transparent 50%);background-size:cover;background-position:center;border-radius:50px;overflow:hidden;display:flex;flex-direction:column}.status-bar{position:absolute;top:0;left:0;width:100%;height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:100;color:#fff;font-size:15px;font-weight:600;pointer-events:none}.dynamic-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:120px;height:35px;background-color:#000;border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;pointer-events:auto;cursor:pointer;z-index:1000}.dynamic-island.expanded{width:340px;height:160px;border-radius:40px;top:11px}.island-content{opacity:0;transition:opacity .2s;display:flex;flex-direction:column;width:100%;padding:20px;box-sizing:border-box}.dynamic-island.expanded .island-content{opacity:1;transition:opacity .2s .2s}@keyframes spin{to{transform:rotate(360deg)}}.icons{display:flex;gap:6px;align-items:center}.home-screen{flex:1;padding-top:70px;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}.home-screen.scaled-background{transform:scale(.92);filter:blur(2px) brightness(.6)}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 15px;padding:20px 24px}.app-icon-container{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:opacity .2s}.app-icon-container:active{opacity:.6}.app-icon{width:62px;height:62px;border-radius:14px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:32px;box-shadow:0 4px 10px #0003}.app-name{font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.3px}.dock-container{position:absolute;bottom:25px;left:15px;right:15px}.dock{background:#fff3;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:35px;padding:16px;display:flex;justify-content:space-around;box-shadow:inset 0 1px 1px #ffffff4d}.dock .app-icon-container .app-name{display:none}.app-view{position:absolute;inset:0;background-color:var(--bg-color);color:var(--text-primary);z-index:50;transform:scale(.9) translateY(100%);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1),background-color .3s,color .3s;display:flex;flex-direction:column}.app-view.open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.app-header{padding:55px 15px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:10;transition:background .3s,border-color .3s}.back-button{background:none;border:none;color:#0a84ff;font-size:17px;display:flex;align-items:center;cursor:pointer;padding:5px 0}.back-button i{font-size:24px;margin-right:-2px}.app-title{font-size:17px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.app-content{flex:1;overflow-y:auto;padding:20px 20px 50px}.app-content::-webkit-scrollbar{display:none}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:130px;height:5px;background:var(--home-indicator);border-radius:10px;z-index:100;cursor:pointer}h1.ios-large-title{font-size:34px;font-weight:800;margin-bottom:20px;letter-spacing:-.5px}.ios-list{background:var(--surface-color);border-radius:12px;overflow:hidden;margin-bottom:24px}.ios-list-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color)}.ios-list-item:last-child{border-bottom:none}.ios-list-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:18px}.ios-list-content{flex:1}.ios-list-title{font-weight:500;font-size:16px;margin-bottom:2px}.ios-list-subtitle{font-size:14px;color:#8e8e93}.ios-card{background:var(--surface-color);border-radius:16px;overflow:hidden;margin-bottom:20px;display:flex;flex-direction:column}.ios-card-img{width:100%;height:180px;object-fit:cover;background:var(--surface-color-2)}.ios-card-body{padding:16px}.ios-card-tags{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ios-tag{background:var(--surface-color-2);padding:4px 10px;border-radius:12px;font-size:12px;color:#0a84ff;font-weight:500}.ios-button{background:#0a84ff;color:#fff;border:none;padding:12px;border-radius:12px;font-size:16px;font-weight:600;width:100%;margin-top:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px}.cc-overlay{position:absolute;inset:0;z-index:150;pointer-events:none;background:#0000;transition:background .4s}.cc-overlay.open{pointer-events:auto;background:#0006}.control-center{position:absolute;top:50px;right:15px;width:330px;transform:translateY(-100%) scale(.8);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:top right}.cc-overlay.open .control-center{transform:translateY(0) scale(1);opacity:1}.cc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:64px;gap:12px}.cc-box{background:var(--control-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:20px;padding:12px;color:var(--text-primary);box-shadow:0 4px 20px #0000001a}.grid-2x2{grid-column:span 2;grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.cc-toggle{background:#96969633;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);width:100%;height:100%;cursor:pointer}.cc-toggle.active{background:#0a84ff}.media-box{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.cc-grid>div:nth-child(4){grid-column:span 2;font-size:13px;font-weight:500}.cc-slider{grid-column:span 2;grid-row:span 2;background:var(--control-bg);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.cc-slider-fill{background:#fff;width:100%;border-radius:20px}.cc-slider-icon{position:absolute;bottom:15px;left:50%;transform:translate(-50%);color:#888;font-size:22px;z-index:2}.widget-2x2{grid-column:span 2;grid-row:span 2;background:var(--surface-color);border-radius:22px;padding:16px;display:flex;flex-direction:column;color:var(--text-primary);box-shadow:0 4px 10px #0003}.widget-date{font-size:14px;color:#ff3b30;font-weight:600;text-transform:uppercase}.widget-day{font-size:42px;font-weight:300;line-height:1.1;margin-top:5px}.widget-month{font-size:16px;font-weight:500;color:#d1d1d6}@media(max-width:400px){.app-grid{padding:15px;gap:20px 10px}.app-icon{width:50px;height:50px;font-size:24px;border-radius:12px}.widget-2x2{padding:12px}.dynamic-island.expanded{max-width:90%}.control-center{width:calc(100% - 30px);right:15px}.cc-grid{grid-auto-rows:55px}.cc-slider{height:auto}}.calculator-app{display:flex;flex-direction:column;height:100%;background:#000;padding:0 5px}.calculator-display{flex:1;display:flex;justify-content:flex-end;align-items:flex-end;padding:20px;font-size:80px;font-weight:300;color:#fff;word-break:break-all;line-height:1}.calculator-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px 10px 30px}.calc-btn{border:none;border-radius:50%;aspect-ratio:1;font-size:32px;font-weight:400;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:filter .2s}.calc-btn:active{filter:brightness(1.3)}.btn-dark{background:#333;color:#fff}.btn-light{background:#a5a5a5;color:#000}.btn-orange{background:#ff9f0a;color:#fff;transition:all .2s}.btn-orange.active{background:#fff;color:#ff9f0a}.btn-zero{grid-column:span 2;aspect-ratio:auto;border-radius:40px;justify-content:flex-start;padding-left:30px}.calendar-app{padding:10px 0;display:flex;flex-direction:column;height:100%;background:#000}.calendar-title{font-size:34px;font-weight:800;color:#ff3b30;padding:0 20px;margin-bottom:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:13px;font-weight:600;color:#8e8e93;padding:0 10px;margin-bottom:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:15px;padding:0 10px;margin-bottom:30px}.calendar-day{display:flex;justify-content:center;align-items:center}.calendar-day span{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;border-radius:50%}.calendar-day.today span{background-color:#ff3b30;color:#fff;font-weight:600}.calendar-events{border-top:1px solid rgba(255,255,255,.1);flex:1;padding:20px}.event-header{font-size:20px;font-weight:600;margin-bottom:10px}.no-events{color:#8e8e93;font-size:15px}.ttt-app{padding:10px;display:flex;flex-direction:column;align-items:center;height:100%}.ttt-subtitle{color:#8e8e93;font-size:14px;text-align:center;margin-bottom:20px}.ttt-status{padding:10px 20px;border-radius:20px;font-weight:600;color:#fff;margin-bottom:30px;font-size:16px;transition:all .3s ease}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:320px;aspect-ratio:1}.ttt-cell{background:#ffffff14;border:none;border-radius:24px;font-size:48px;font-weight:600;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 0 0 1px #ffffff0d}.ttt-cell:active:not(.filled){transform:scale(.92);background:#ffffff26}.ttt-cell.x-cell{color:#0a84ff;text-shadow:0 0 15px rgba(10,132,255,.5)}.ttt-cell.o-cell{color:#ff3b30;text-shadow:0 0 15px rgba(255,59,48,.5)}