*{box-sizing:border-box}html{min-height:100%;color-scheme:light}body{margin:0;min-width:280px;color:#153729;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#e5e0d5 url('assets/room.jpg') center center/cover fixed no-repeat}.workspace{width:min(100%,1440px);margin:auto;min-height:100svh;padding:42px 9% 28px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:16px}.brand>svg{width:54px;height:54px}.brand strong{font-size:36px;line-height:1;letter-spacing:-1.6px}.brand span{display:block;font-size:13px;letter-spacing:2px;margin-top:6px}.surya{font-size:13px;letter-spacing:6px}main{padding:44px 0 30px}h1{text-align:center;font-size:clamp(30px,3.5vw,49px);font-weight:600;letter-spacing:-2px;line-height:1.15;margin:0 0 30px}h1 em{font-style:normal;color:#777e37}.search-wrap{display:flex;justify-content:center;margin-bottom:35px}.search{width:min(100%,450px);display:flex;align-items:center;gap:13px;border-radius:99px;background:#f9f7efb8;padding:14px 21px;box-shadow:0 5px 15px #332c1910;border:1px solid #ffffff88;backdrop-filter:blur(12px)}.search:focus-within{outline:2px solid #647438;outline-offset:4px}.search svg{width:21px;height:21px;color:#75776b;flex-shrink:0}.search input{width:100%;min-width:0;font:16px/1.4 inherit;font-family:inherit;font-size:16px;border:0;outline:0;background:transparent;color:#173b2c}.search input::placeholder{color:#72756c}.apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 30px;max-width:560px;margin:auto}.app{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;text-decoration:none;color:#173329;min-width:0;border-radius:20px;padding:0 0 5px;transition:transform .18s}.app-icon{width:110px;height:110px;display:grid;place-items:center;border-radius:25%;background:linear-gradient(145deg,#f6f1e7,#d1ccbf);border:1px solid #f8f4e9;box-shadow:inset 2px 2px 3px #fff9,inset -2px -3px 4px #71694f22,4px 8px 11px #292b2326;color:#214331}.app-icon svg{width:57%;height:57%;filter:drop-shadow(0 1px 1px #ffffff66)}.app:first-child .app-icon{background:linear-gradient(145deg,#31543e,#102e22);border-color:#56735b;box-shadow:inset 2px 2px 3px #a2b79766,inset -2px -3px 4px #061b2266,4px 8px 11px #292b2336}.app>span:last-child{font-size:14px;line-height:1.3;font-weight:500}.app:hover{transform:translateY(-4px)}.app:focus-visible{outline:3px solid #647438;outline-offset:7px}.app[hidden],.empty[hidden]{display:none}.empty{text-align:center;padding:40px 0}footer{margin-top:auto;text-align:right;font-size:10px;letter-spacing:3px;padding-top:25px}footer span{padding:0 5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:20px;top:5px;background:white;padding:12px;z-index:5;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.noscript{text-align:center;font-size:13px}@media(max-width:650px){body{background-position:center;background-attachment:fixed}.workspace{padding:26px 6% 24px;background:linear-gradient(#ece7db33,#ece7db66)}.brand{gap:10px}.brand>svg{width:37px;height:37px}.brand strong{font-size:27px}.brand span{font-size:10px;letter-spacing:1.5px;margin-top:4px}.surya{font-size:9px;letter-spacing:3px}main{padding-top:55px}h1{font-size:33px;letter-spacing:-1.2px;line-height:1.15;margin-bottom:25px}h1 em{display:block}.search{padding:13px 17px}.search-wrap{margin-bottom:35px}.apps{gap:27px 12px;max-width:380px}.app-icon{width:80px;height:80px}.app>span:last-child{font-size:12px;min-height:32px;max-width:100px}.app{gap:10px}footer{text-align:center;font-size:9px;letter-spacing:2px}}@media(max-width:350px){.app-icon{width:70px;height:70px}.app>span:last-child{font-size:11px}.surya{letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.app{transition:none}.app:hover{transform:none}}

.app-icon{position:relative}.beta-badge{position:absolute;top:-7px;right:-9px;z-index:1;padding:4px 7px;border:1px solid #fff8;border-radius:7px;background:#818940;color:#fff;font-size:9px;font-weight:750;letter-spacing:1px;line-height:1;box-shadow:0 2px 5px #173b2c26}
