*{box-sizing:border-box;margin:0;padding:0}:root{--phone-bg: #1a1a1a;--accent-color: #00d4ff;--button-bg: #2a2a2a;--text-light: #ffffff;--danger: #ff4d4d;--success: #2ecc71}body{background-color:#0f0f0f;display:flex;justify-content:center;align-items:center;min-height:100vh}.phone{width:300px;background-color:var(--phone-bg);border-radius:40px;padding:30px 20px;box-shadow:0 20px 50px #000c,inset 0 2px 5px #ffffff1a;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;border:4px solid #333}.phone:before{content:"";width:50px;height:6px;background-color:#333;border-radius:10px;position:absolute;top:15px;box-shadow:inset 0 1px 2px #000}.phone:after{content:"";width:10px;height:10px;background-color:#222;border-radius:50%;position:absolute;top:13px;right:80px;border:2px solid #333}.screen{width:100%;height:80px;background-color:#000;color:var(--accent-color);font-family:Consolas,monospace;font-size:2rem;padding:20px;border-radius:15px;margin:20px 0 30px;text-align:right;box-shadow:inset 0 0 10px #00d4ff33;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.dialer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:30px}.dialer button{aspect-ratio:1 / 1;font-size:1.4rem;font-weight:500;border-radius:50%;border:none;background-color:var(--button-bg);color:var(--text-light);cursor:pointer;transition:all .2s ease;box-shadow:0 4px #111}.dialer button:hover{background-color:#333}.dialer button:active{transform:translateY(2px);box-shadow:0 2px #111;background-color:var(--accent-color);color:#000}.clear{width:100%;padding:15px;background-color:var(--danger);color:#fff;border:none;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:opacity .2s;margin-bottom:20px}.clear:hover{opacity:.9}.numberInput{width:100%;display:flex;gap:10px;margin-top:10px}.numberInput input{flex:1;padding:12px;border-radius:8px;border:1px solid #d3d3d3;background:#111;color:#fff;outline:none}.numberInput button{padding:12px 20px;border-radius:8px;background-color:var(--success);color:#fff;border:none;font-weight:700;cursor:pointer}.numberInput button:hover{filter:brightness(1.1)}