.apps-page{display:flex;flex-direction:column;gap:2.5rem}.apps-header{border-bottom:1px solid #27272a;padding-bottom:2rem}.apps-header h1{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.apps-header p{color:#71717a;font-size:1.125rem}.apps-list{display:flex;flex-direction:column;gap:.75rem}.app-card{border:1px solid #27272a;border-radius:1rem;background:linear-gradient(135deg,#18181bcc,#18181b66);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.app-card:hover{border-color:#3f3f46}.app-card.expanded{border-color:#52525b;box-shadow:0 0 0 1px #52525b33,0 8px 32px -8px #0006}.app-card__header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;user-select:none;transition:background-color .2s ease}.app-card__header:hover{background-color:#27272a80}.app-card__chevron{flex-shrink:0;width:1.25rem;height:1.25rem;color:#52525b;transition:transform .35s cubic-bezier(.4,0,.2,1),color .2s;transform:rotate(-90deg)}.app-card__chevron svg{width:100%;height:100%}.app-card.expanded .app-card__chevron{transform:rotate(0);color:#a1a1aa}.app-card__icon{width:3rem;height:3rem;border-radius:.75rem;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.app-card__icon--placeholder{background:#27272a;display:flex;align-items:center;justify-content:center}.app-card__icon--placeholder svg{width:1.5rem;height:1.5rem;color:#52525b}.app-card__info{flex:1;min-width:0}.app-card__title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-card__title-row h2{font-size:1.125rem;font-weight:600;color:#f4f4f5;line-height:1.3}.app-card__short-desc{font-size:.8125rem;color:#71717a;margin-top:.25rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.badge--android{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.15)}.badge--soon{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.15)}.app-card__actions{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem 1.25rem 7.75rem}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn svg{width:.875rem;height:.875rem;flex-shrink:0}.btn--app{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #2563eb40}.btn--app:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 16px #2563eb59;transform:translateY(-1px)}.btn--tester{background:linear-gradient(135deg,#3ddc84,#2bc870);color:#1a1a1a;box-shadow:0 2px 8px #3ddc8433}.btn--tester:hover{background:linear-gradient(135deg,#5ee89d,#3ddc84);box-shadow:0 4px 16px #3ddc844d;transform:translateY(-1px)}.btn--disabled{background:#27272a80;color:#52525b;cursor:default;box-shadow:none}.app-card__detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.app-card__detail-inner{overflow:hidden}.app-card.expanded .app-card__detail{grid-template-rows:1fr}.app-card__features{padding:1.25rem 1.5rem 1.5rem 7.75rem;display:flex;flex-direction:column;gap:.625rem;border-top:1px solid #27272a}.feature-item{font-size:.8125rem;line-height:1.6;color:#a1a1aa}.feature-item__title{font-weight:600;color:#d4d4d8}.feature-item__title:after{content:" — ";color:#52525b}.modal-overlay{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);padding:1rem}.modal-overlay.visible{display:flex}.modal-box{background:#18181b;border:1px solid #3f3f46;border-radius:1rem;max-width:28rem;width:100%;box-shadow:0 24px 64px -16px #0009}.modal-box__header{padding:1.5rem;border-bottom:1px solid #27272a}.modal-box__header h3{font-size:1.25rem;font-weight:700;color:#fff}.modal-box__header p{color:#71717a;font-size:.875rem;margin-top:.5rem}.modal-box__body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-box__body label{display:block;font-size:.6875rem;font-weight:500;color:#71717a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.modal-box__body input,.modal-box__body textarea{width:100%;background:#09090b;border:1px solid #3f3f46;border-radius:.5rem;padding:.625rem .75rem;color:#fff;font-size:.875rem;outline:none;transition:border-color .2s}.modal-box__body input:focus,.modal-box__body textarea:focus{border-color:#6366f1}.modal-box__body textarea{resize:none}.modal-box__body input::placeholder,.modal-box__body textarea::placeholder{color:#3f3f46}.modal-hint{color:#3f3f46;font-size:.75rem;margin-top:.375rem}.modal-feedback{font-size:.875rem;font-weight:500;border-radius:.5rem;padding:.75rem 1rem}.modal-feedback.hidden{display:none}.modal-box__footer{padding:1.5rem;border-top:1px solid #27272a;display:flex;gap:.75rem;justify-content:flex-end}.modal-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.modal-btn--cancel{background:none;color:#71717a}.modal-btn--cancel:hover{color:#fff}.modal-btn--submit{background:#4f46e5;color:#fff;padding:.5rem 1.5rem}.modal-btn--submit:hover{background:#6366f1}@media(max-width:640px){.app-card__header{flex-wrap:wrap;padding:1rem 1.25rem;gap:.75rem}.app-card__actions{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1rem}.app-card__features{padding-left:1.25rem;padding-right:1.25rem}.app-card__short-desc{-webkit-line-clamp:3}}