@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}:root{--cyan: #00f0ff;--cyan-glow: rgba(0, 240, 255, .5);--cyan-dim: rgba(0, 240, 255, .15);--bg-dark: #050510;--text-main: #e8eaff;--text-dim: #8a8ca8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Open Sans,system-ui,sans-serif}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#0a1228 0%,var(--bg-dark) 60%);padding:16px}.app-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.screen-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:60px 20px}.app-title{font-size:18px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow);margin:0;text-align:center}.primary-button{background:transparent;color:var(--cyan);border:1px solid var(--cyan);border-radius:8px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 12px var(--cyan-glow),inset 0 0 12px var(--cyan-dim);transition:all .15s ease-out}.primary-button:hover{background:var(--cyan-dim);box-shadow:0 0 20px var(--cyan-glow),inset 0 0 20px var(--cyan-dim)}.primary-button:active{transform:scale(.97)}.secondary-button{background:transparent;color:var(--text-dim);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 24px;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all .15s ease-out}.secondary-button:hover{border-color:#ffffff40;color:var(--text-main)}.ghost-button{background:transparent;border:none;color:var(--cyan);font-family:inherit;font-size:13px;font-weight:400;cursor:pointer;padding:8px 4px;opacity:.7;transition:opacity .15s}.ghost-button:hover{opacity:1}.screen-card{display:flex;flex-direction:column;align-items:center;width:100%}.card-image-wrapper{width:100%;max-width:340px;background:transparent;padding:0;margin-bottom:20px}.card-image{width:100%;border-radius:16px;display:block}.card-meta{text-align:center;margin-bottom:24px}.card-pill,.card-title{display:none}.card-short{margin:12px 0 0;font-size:14px;font-weight:300;line-height:1.6;color:var(--text-dim);max-width:320px}.card-actions{display:flex;gap:12px;width:100%;max-width:340px}.card-actions button{flex:1}.screen-details{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 8px}.details-header{width:100%;max-width:340px;margin-bottom:12px}.card-image-wrapper.small{max-width:200px;margin-bottom:16px}.details-content{width:100%;max-width:340px;text-align:center}.details-content .card-pill{margin-bottom:16px}.details-content .card-title{display:none}.details-block{margin-top:20px;text-align:left}.details-subtitle{margin:0 0 6px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--cyan)}.details-text{margin:0;font-size:14px;font-weight:300;line-height:1.7;color:var(--text-main)}.details-text.muted{color:var(--text-dim);font-style:italic;text-align:center}.card-actions.bottom{margin-top:28px}@media(max-width:480px){.app-title{font-size:15px;letter-spacing:.15em}.card-image-wrapper{max-width:300px}.primary-button{padding:11px 22px;font-size:13px}}