label { display: block; font-weight: 500; margin-bottom: 0.5rem; color: #333; }
.input-group { margin-bottom: 1.5rem; }
.footer { text-align: center; padding: 1.5rem; background: #fafafa; font-size: 0.75rem; color: #777; border-top: 1px solid #eee; } </style> </head> <body> <div class="card"> <div class="header"> <div class="logo">Sound<span>Clone</span></div> </div> <div class="content"> <h2>Activate device</h2> <div class="sub">Enter the code shown on your TV, speaker, or other device.</div>
.sub { color: #666; margin-bottom: 2rem; font-size: 0.95rem; border-left: 3px solid #ff5500; padding-left: 1rem; }